:root{--black:#0a0a0a;--paper:#f2f0eb;--white:#fff;--grey:#a4a4a4;--line:rgba(255,255,255,.2);--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:105px;padding:24px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;border-radius:50%;font:600 15px Manrope;letter-spacing:-3px}.brand-mark span{font-weight:300}.brand-name{font:600 12px/1.12 Manrope;text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:42px;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:#fff;transition:.3s}.nav a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:0;color:#fff}.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:150px var(--pad) 72px}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.4) 47%,rgba(0,0,0,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(750px,70vw)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;text-transform:uppercase;font-size:11px;letter-spacing:.25em}.eyebrow span{width:32px;height:1px;background:currentColor}.hero h1,.manifesto h2,.values h2,.expertises h2,.statement-big,.contact h2{font:500 clamp(58px,8.2vw,124px)/.88 Manrope;letter-spacing:-.07em;margin:0}.hero h1 em,.expertises h2 em,.statement-big em{font-family:Georgia,serif;font-weight:400}.hero-copy{width:min(425px,100%);font-size:16px;line-height:1.7;color:#d5d5d5;margin:35px 0}.circle-link{width:116px;height:116px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;transition:.35s}.circle-link svg{width:18px;fill:none;stroke:currentColor}.circle-link:hover{background:#fff;color:#000;transform:rotate(-6deg)}.hero-meta{position:absolute;right:var(--pad);bottom:38px;z-index:2;display:flex;gap:40px;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.scroll-line{position:absolute;z-index:2;bottom:0;left:50%;height:60px;width:1px;background:#fff;animation:scrollPulse 2.2s infinite}@keyframes scrollPulse{0%,100%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}.section-light{background:var(--paper);color:var(--black)}.manifesto,.values,.expertises,.contact{padding:34px var(--pad) clamp(90px,12vw,180px)}.section-index{padding-bottom:34px;border-bottom:1px solid currentColor;text-transform:uppercase;font-size:9px;letter-spacing:.22em;opacity:.68}.manifesto-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;padding-top:9vw}.manifesto h2{font-size:clamp(46px,6.2vw,92px)}.manifesto-copy{padding-top:11px;font-size:18px;line-height:1.65}.manifesto-copy p+ p{color:#737373}.text-link{display:inline-flex;gap:22px;margin-top:35px;padding-bottom:8px;border-bottom:1px solid;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.values{position:relative;background:#0b0b0b}.values-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:8vw 0}.values h2{font-size:clamp(50px,7vw,102px);text-align:right}.value-list{border-top:1px solid var(--line)}.value{position:relative;display:grid;grid-template-columns:80px 1fr 1fr 70px;gap:28px;align-items:center;min-height:180px;border-bottom:1px solid var(--line);transition:.35s}.value:hover{padding-left:16px;background:rgba(255,255,255,.025)}.value-number{font-size:10px;opacity:.5}.value h3{margin:0;font:500 clamp(30px,4vw,58px) Manrope;letter-spacing:-.045em}.value p{margin:0;max-width:420px;color:#aaa;line-height:1.6}.value-symbol{font-size:40px;text-align:right;font-weight:200}.expertises-heading{padding:8vw 0 5vw;display:grid;grid-template-columns:.55fr 1.45fr;gap:4vw}.expertises-heading>p{margin:8px 0;font-size:13px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}.expertises h2{font-size:clamp(46px,6.5vw,94px)}.service{display:grid;grid-template-columns:80px 1fr 50px;gap:30px;padding:34px 0;border-top:1px solid #aaa;align-items:center}.service:last-child{border-bottom:1px solid #aaa}.service>span:first-child{font-size:10px}.service h3{margin:0 0 8px;font:500 clamp(24px,3vw,42px) Manrope;letter-spacing:-.04em}.service p{margin:0;color:#686868;line-height:1.5}.service-arrow{font-size:25px;transition:.3s}.service:hover .service-arrow{transform:translate(5px,-5px)}.statement{position:relative;min-height:78vh;padding:9vw var(--pad);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.statement-small{text-transform:uppercase;letter-spacing:.15em;font-size:11px}.statement-big{position:relative;z-index:2;font-size:clamp(60px,9vw,135px)}.statement-orbit{position:absolute;right:8vw;top:17%;width:33vw;aspect-ratio:1;border:1px solid #333;border-radius:50%;display:grid;place-items:center;animation:spin 18s linear infinite}.statement-orbit:before{content:"";position:absolute;width:72%;height:72%;border:1px solid #222;border-radius:50%}.statement-orbit span{font:600 11px Manrope;letter-spacing:.2em}@keyframes spin{to{transform:rotate(360deg)}}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;padding-top:8vw}.contact h2{font-size:clamp(60px,8vw,116px)}.eyebrow.dark{color:#555}.contact-panel{padding-top:55px}.contact-panel>p{font-size:18px;line-height:1.65;margin:0 0 55px}.contact-button{border-top:1px solid #111;border-bottom:1px solid #111;padding:24px 0;display:flex;justify-content:space-between;font:500 clamp(15px,1.7vw,23px) Manrope}.contact-details{display:flex;justify-content:space-between;margin-top:30px;font-size:10px;text-transform:uppercase;letter-spacing:.14em}footer{padding:58px var(--pad) 35px;min-height:260px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px}footer>p{font:400 clamp(28px,4vw,54px) Georgia,serif;font-style:italic;text-align:right;margin:5px 0}footer>div{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;color:#777;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:80px}.nav{position:fixed;inset:0;background:#080808;z-index:-1;display:flex;flex-direction:column;justify-content:center;gap:34px;font-size:20px;opacity:0;pointer-events:none;transition:.35s}.nav.open{opacity:1;pointer-events:auto}.menu-toggle{display:block;z-index:2;width:40px;height:40px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px auto;transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.brand-mark{width:40px;height:40px}.hero{padding-bottom:35px}.hero-content{width:100%}.hero h1{font-size:clamp(52px,16vw,78px)}.hero-copy{font-size:14px;margin:25px 0}.circle-link{width:94px;height:94px}.hero-meta{display:none}.manifesto-grid,.contact-grid,.expertises-heading{grid-template-columns:1fr}.manifesto-copy{padding-top:25px}.values-intro{display:block}.values h2{text-align:left;margin-top:50px}.value{grid-template-columns:42px 1fr 36px;padding:28px 0}.value p{grid-column:2/4}.value-symbol{grid-column:3;grid-row:1}.expertises-heading{padding-top:65px}.service{grid-template-columns:35px 1fr 25px;gap:12px}.service p{font-size:14px}.statement{min-height:65vh}.statement-orbit{width:75vw;right:-25vw;top:18%}.contact-panel{padding-top:20px}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{grid-column:auto;gap:20px;flex-direction:column}.footer-brand{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.statement-orbit,.scroll-line{animation:none}}

/* Official Tech Now Digital logo */
.brand{gap:0}
.brand-logo{display:block;width:clamp(138px,13vw,190px);height:auto;object-fit:contain;filter:invert(1)}
@media(max-width:760px){.brand-logo{width:128px}}

/* Editorial refinement — architectural magazine direction */
.manifesto h2{font-size:clamp(42px,5.4vw,78px);line-height:.94}
.values h2{font-size:clamp(44px,5.8vw,84px);line-height:.94}
.expertises h2{font-size:clamp(42px,5.6vw,80px);line-height:.94}
.contact h2{font-size:clamp(52px,6.7vw,94px);line-height:.92}
.value{grid-template-columns:80px .9fr 1.1fr}
.statement{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;min-height:78vh}
.statement-big{font-size:clamp(55px,7.5vw,108px);line-height:.9}
.cir-card{position:relative;border:1px solid #3b3b3b;padding:clamp(28px,4vw,58px);max-width:520px;background:#0d0d0d}
.cir-card:before{content:"";position:absolute;top:-1px;right:-1px;width:52px;height:52px;border-top:1px solid #fff;border-right:1px solid #fff}
.cir-label{display:block;margin-bottom:45px;color:#8d8d8d;font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.cir-card strong{display:block;font:500 clamp(72px,9vw,138px)/.75 Manrope;letter-spacing:-.09em}
.cir-card h3{margin:30px 0 16px;font:500 clamp(20px,2vw,28px) Manrope;letter-spacing:-.03em}
.cir-card p{margin:0;color:#a7a7a7;line-height:1.65;font-size:14px}
.founder{padding:34px var(--pad) clamp(90px,12vw,180px)}
.founder-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(48px,9vw,140px);padding-top:8vw;align-items:start}
.founder-photo{margin:0;position:relative}
.founder-photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1);border-radius:1px}
.founder-photo figcaption{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #aaa;text-transform:uppercase;font-size:9px;line-height:1.55;letter-spacing:.14em}
.founder-story{padding-top:2vw}
.founder-story h2{margin:0;font:500 clamp(46px,6vw,86px)/.92 Manrope;letter-spacing:-.065em}
.founder-story h2 em{font-family:Georgia,serif;font-weight:400}
.founder-text{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:clamp(42px,6vw,80px) 0 45px;padding-top:25px;border-top:1px solid #999}
.founder-text p{margin:0;color:#555;font-size:16px;line-height:1.65}
.founder-text p:first-child{color:#111}
.founder-signature{font:italic 20px Georgia,serif}
@media(max-width:760px){.manifesto h2,.values h2,.expertises h2{font-size:clamp(40px,12vw,58px)}.statement{grid-template-columns:1fr;gap:65px;padding-top:100px;padding-bottom:100px}.statement-big{font-size:clamp(52px,14vw,72px)}.cir-card{max-width:none}.founder-grid{grid-template-columns:1fr;padding-top:65px}.founder-photo{max-width:520px}.founder-story{padding-top:10px}.founder-text{grid-template-columns:1fr}.value{grid-template-columns:42px 1fr}.value p{grid-column:2}}

/* Cleaner navigation language and standalone CIR chapter */
.service{grid-template-columns:80px 1fr}
.statement{display:flex;min-height:72vh}
.cir-section{padding:34px var(--pad) clamp(90px,12vw,180px);background:#0b0b0b;color:#fff}
.cir-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center;padding-top:8vw}
.cir-heading h2{margin:22px 0 0;font:500 clamp(46px,6.5vw,92px)/.92 Manrope;letter-spacing:-.065em}
.cir-heading h2 em{font-family:Georgia,serif;font-weight:400}
.cir-kicker{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8d8d8d}
.contact-button{justify-content:flex-start}
.founder-photo img{aspect-ratio:4/5}
@media(max-width:760px){.service{grid-template-columns:35px 1fr}.statement{display:flex}.cir-layout{grid-template-columns:1fr;gap:65px;padding-top:65px}.cir-heading h2{font-size:clamp(44px,12vw,62px)}}

/* Assistance technique positioning */
.expertise-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin:0 0 55px;padding:28px 0;border-top:1px solid #aaa}
.expertise-intro p{max-width:760px;margin:0;font-size:18px;line-height:1.65}
.expertise-intro span{align-self:start;text-align:right;text-transform:uppercase;font-size:9px;letter-spacing:.2em;color:#686868}
@media(max-width:760px){.expertise-intro{grid-template-columns:1fr;margin-bottom:35px}.expertise-intro span{text-align:left}.expertise-intro p{font-size:16px}}

/* Legal notice */
.legal-page{background:#f2f0eb;color:#111}
.legal-page footer{background:#0a0a0a;color:#fff}
.legal-header{position:static;background:#f2f0eb;border-bottom:1px solid rgba(17,17,17,.16)}
.legal-header .brand-logo{filter:none}
.legal-back{color:#111;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.legal-main{margin:0 auto;max-width:1100px;padding:8rem 6vw 7rem}
.legal-intro{border-bottom:1px solid rgba(17,17,17,.2);margin-bottom:4rem;padding-bottom:3rem}
.legal-intro h1{font:500 clamp(2.8rem,8vw,6.8rem)/.95 Manrope,sans-serif;letter-spacing:-.06em;margin:1.4rem 0 0}
.legal-intro p,.legal-section p,.legal-section li{color:#393936;line-height:1.75}
.legal-grid{display:grid;gap:3.5rem 5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.legal-section h2{font:600 1.35rem Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 1rem}
.legal-section a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.legal-section ul{margin:0;padding-left:1.15rem}
.legal-wide{grid-column:1/-1}
@media(max-width:760px){.legal-main{padding:5rem 6vw 4rem}.legal-grid{grid-template-columns:1fr}.legal-wide{grid-column:auto}}