:root{--bg:#0B1118;--panel:#131C28;--ink:#FFFFFF;--copy:#E2E8F0;--accent:#00F0FF;--line:rgba(255,255,255,.15);--sans:'Geist',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-padding-top:100px}body.iku-site{margin:0;background:var(--bg);color:var(--copy);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--ink);font-family:var(--sans);font-weight:500!important;letter-spacing:-.035em}p{line-height:1.75}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.iku-base{background:var(--bg)}.iku-panel{background:var(--panel)}.iku-copy{color:var(--copy)}.iku-accent{color:var(--accent)}.iku-border{border-color:var(--line)}.mono,.font-mono{font-family:var(--mono)}.mono{font-size:10px;line-height:1.7;letter-spacing:.065em;text-transform:uppercase}.site-width{width:100%;max-width:1280px;margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:100}.skip-link:focus{top:12px}
/* Existing content and layout utilities are retained; visual tokens are shared. */
.iku-site main>section{padding:80px max(24px,5vw);border-bottom:1px solid var(--line)}.iku-site main>section>div{max-width:1280px;margin-inline:auto}.iku-site main>section>div.py-12{padding:0}.iku-site main>section>div.py-8{padding-block:0}.iku-site main>section>div>.text-center{text-align:left;max-width:760px;margin-left:0;margin-bottom:38px}.iku-site main>section>div>.text-center p{margin-left:0}.iku-site main>section h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12}.iku-site .text-xs{font-size:12px;line-height:1.65}.iku-site .text-sm{font-size:14px;line-height:1.75}.iku-site .text-base{line-height:1.7}.iku-site .uppercase{font-family:var(--mono);font-weight:400}.iku-site .iku-button,.action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;background:var(--accent);color:var(--bg)!important;border:1px solid var(--accent);padding:13px 20px;font-size:13px;font-weight:600;border-radius:0;transition:background .15s,color .15s}.iku-site .iku-button:hover,.action:hover{background:transparent;color:var(--accent)!important}.action>span{font-size:22px}.text-link{display:inline-flex;justify-content:space-between;gap:32px;padding-block:10px;color:var(--copy);font-size:12px;border-bottom:1px solid var(--line)}
/* Navigation */
.iku-site>nav{background:var(--bg);border-bottom:1px solid var(--line)}.iku-site>nav>div:first-child{max-width:1440px;height:80px;padding-inline:24px}.iku-site>nav img{height:44px;width:auto}.iku-site>nav .text-2xl{font-size:17px;letter-spacing:-.6px}.iku-top-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 9px;font-size:12px;border:1px solid transparent}.iku-top-link:hover{color:var(--accent)}.iku-top-link.iku-nav-active:not(.iku-button){color:var(--accent);border-bottom-color:var(--accent)}.iku-core-trigger::after{content:'';width:6px;height:6px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-left:8px}.iku-core-dropdown{width:310px;padding:8px;background:var(--panel)}.iku-core-dropdown a:hover{color:var(--accent)}.group:focus-within .iku-core-dropdown{opacity:1;visibility:visible}#iku-mobile-toggle{display:none;min-width:44px;height:44px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:22px}#iku-mobile-menu[hidden]{display:none!important}#iku-mobile-menu{padding:16px 24px;border-top:1px solid var(--line);max-height:calc(100dvh - 80px);overflow:auto}#iku-mobile-menu a{display:block;padding:10px 0;font-size:14px}#iku-mobile-menu .iku-button{padding:12px 16px;display:inline-flex}.iku-mobile-core-links{border-left:1px solid var(--line);padding-left:16px}.iku-mobile-core-links a{font-size:12px!important}
/* Hero */
.iku-site main>#home{padding-top:132px;padding-bottom:64px}.hero-meta{display:flex;justify-content:space-between;gap:24px;color:var(--accent)}#hero-title{font-size:clamp(52px,7.9vw,112px);line-height:1.02;font-weight:600!important;letter-spacing:-.065em;margin:38px 0}#hero-title>span{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;gap:56px;align-items:start;margin-bottom:48px}.hero-bottom>p{max-width:610px;font-size:16px}.hero-actions{display:flex;flex-direction:column;gap:12px;min-width:240px}.architecture-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;background:var(--panel);border:1px solid var(--line);padding:36px 44px}.architecture-panel h2{margin:24px 0;font-size:clamp(30px,3.4vw,48px)!important}.architecture-panel>div>p:not(.mono){max-width:430px;font-size:14px}.layer-key{display:grid;gap:0;margin-top:24px;max-width:430px}.layer-key a{border-top:1px solid var(--line);padding:11px 0;font-size:12px}.layer-key a:hover{color:var(--accent)}.layers{margin:0;min-width:0}.layers svg{display:block;width:100%;max-width:460px;margin:auto;color:var(--accent)}.layers text{fill:var(--ink);font:9px var(--mono)}.layers figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:14px;font-size:9px}
/* Friction and opportunity paths */
.section-heading{margin-bottom:40px}.section-heading h2{margin-top:18px}.friction-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.friction-grid article{border-top:1px solid var(--line);padding-top:24px}.friction-grid h3{font-size:24px;line-height:1.2;margin:16px 0}.friction-grid p{font-size:14px;margin-top:12px}.opportunity-map{border:1px solid var(--line);background:var(--panel);margin:0 0 48px;padding:32px}.opportunity-map figcaption{margin-bottom:32px}.opportunity-map h3{font-size:28px;margin:16px 0 12px;line-height:1.2}.opportunity-map figcaption>p{font-size:14px}.opportunity-row{display:grid;grid-template-columns:1fr 1.4fr .65fr;gap:28px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.signal .mono,.result .mono{font-size:9px}.signal>p{font-size:12px;margin-top:12px}.signal svg{width:100%;height:58px;color:var(--accent);margin-top:12px}.discipline{display:block;border-left:2px solid var(--accent);padding:12px 20px}.discipline:hover{background:var(--bg)}.discipline .mono{color:var(--accent)}.discipline h4{font-size:19px;line-height:1.3;margin:10px 0}.discipline h4 span{color:var(--accent)}.discipline p{font-size:12px}.result p{font-size:14px;line-height:1.6;margin-top:12px}.map-note{border-top:1px solid var(--line);padding-top:20px;margin-top:0;font-size:9px}
/* Service details and use cases */
details{scroll-margin-top:104px}details summary{list-style:none;min-height:48px}details summary::-webkit-details-marker{display:none}details[open]{border-color:var(--accent)}#services details{background:transparent;border-width:0 0 1px;padding:24px 0;margin:0}#services details summary h3{font-size:clamp(21px,2.2vw,30px);margin-block:8px}#services details summary p{max-width:800px;font-size:14px}#services details>div>div{border:0;border-left:1px solid var(--line);background:transparent;padding:8px 24px}#services details h4{font-size:17px;line-height:1.3;margin-bottom:14px}#services details>div>div p{font-size:13px}#outcomes>div>.space-y-3,#outcomes>div>.space-y-4{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start}#outcomes details{margin:0;border-width:0 0 1px;background:transparent;padding:20px 0}#outcomes details h3{font-size:16px}#outcomes details>div p{font-size:14px}#outcomes details:last-child{grid-column:1/-1}#pathways .grid{grid-template-columns:1.15fr 1fr;gap:32px}#pathways .grid>div{background:var(--panel);border:1px solid var(--line);padding:32px}#pathways h3{font-size:26px;line-height:1.2}#why-us .grid>div{background:transparent;border-width:1px 0 0;padding:26px 0}#why-us h3{font-size:24px}#about .space-y-4>p{max-width:780px}#about h2{font-size:clamp(28px,3vw,40px)}#about .bg-white\/95{background:#fff}#about img{max-width:100%}#about .aspect-square{aspect-ratio:1}#contact>div{text-align:left;max-width:1280px}#contact>div>p{margin-left:0}#contact h2{max-width:850px;font-size:clamp(38px,5vw,64px);letter-spacing:-.045em}#contact>div>.iku-panel{align-items:start;text-align:left;background:transparent;border-width:1px 0;padding:24px 0;min-height:0;max-width:850px}#contact #goal-example{color:var(--accent);font-size:20px}.iku-site footer{border-top:1px solid var(--line);padding:28px 24px}.iku-site footer>div{padding:0;max-width:1280px}.iku-site footer img{height:32px}.iku-site footer p{font-size:11px}
@media(max-width:1150px){.iku-site>nav .hidden.md\:flex{display:none!important}#iku-mobile-toggle{display:block}.hero-meta>span:last-child{display:none}.architecture-panel{gap:24px;padding:30px}.opportunity-row{grid-template-columns:1fr 1.4fr}.result{grid-column:2;border-left:2px solid var(--line);padding-left:20px}.result p br{display:none}}
@media(min-width:1151px){#iku-mobile-menu{display:none!important}}
@media(max-width:767px){.iku-site main>section{padding:52px 22px}.iku-site main>#home{padding-top:114px;padding-bottom:48px}#hero-title{font-size:clamp(42px,8.6vw,64px);margin-block:28px}.hero-bottom{flex-direction:column;gap:24px;margin-bottom:32px}.hero-bottom>p{font-size:14px}.hero-actions{width:100%;max-width:320px}.architecture-panel{grid-template-columns:1fr;padding:24px 20px;gap:18px}.architecture-panel h2{font-size:34px!important}.layers figcaption{font-size:8px}.friction-grid{grid-template-columns:1fr;gap:32px}.opportunity-map{padding:24px 18px}.opportunity-row{grid-template-columns:1fr;gap:14px;padding-block:24px}.signal svg{height:42px;max-width:280px}.discipline{padding-left:16px}.result{grid-column:auto;padding-left:16px}.opportunity-map h3{font-size:25px}#services details>div>div{padding:12px 16px}#outcomes>div>.space-y-3,#outcomes>div>.space-y-4{grid-template-columns:1fr}#pathways .grid{grid-template-columns:1fr}#pathways .grid>div{padding:24px}#about .grid{gap:30px}.iku-site>nav>div:first-child{padding-inline:20px}.iku-site>nav .text-2xl{font-size:15px}.iku-site>nav img{height:36px}.iku-site .text-xs{font-size:12px}.iku-site footer>div{align-items:start}.mono{font-size:9px}}
@media(prefers-reduced-motion:reduce){html.scroll-smooth{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Heritage: the story precedes the artifacts in both reading and mobile order. */
.heritage-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start;border-top:1px solid var(--line);padding-top:48px}.heritage-copy h3{font-size:32px;line-height:1.2;margin:12px 0 24px}.heritage-copy p{font-size:14px;line-height:1.8;margin-top:16px}.heritage-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.heritage-gallery figure{margin:0;min-width:0}.heritage-image{height:240px;display:flex;align-items:center;justify-content:center;padding:12px;background:var(--panel);border:1px solid var(--line)}.heritage-image img{width:100%;height:100%;object-fit:contain}.heritage-gallery figcaption{font-size:12px;line-height:1.65;margin-top:12px;color:var(--copy);text-align:left}
@media(max-width:1050px){.heritage-layout{grid-template-columns:1fr;gap:28px}.heritage-copy{max-width:780px}.heritage-gallery{max-width:620px;width:100%}.heritage-image{height:260px}}
@media(max-width:480px){.heritage-layout{padding-top:32px}.heritage-gallery{gap:14px}.heritage-image{height:190px;padding:8px}.heritage-gallery figcaption{font-size:11px}.heritage-copy h3{font-size:28px}}

/* Dimensional surfaces and measured motion, in the original IKU palette . */
.iku-site main>section{position:relative;padding-block:104px}.iku-site>nav{background:rgba(11,17,24,.88);backdrop-filter:blur(20px)}.iku-site .iku-button,.action{border-radius:8px;transition:transform .2s,background .2s,box-shadow .2s}.iku-button:hover,.action:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00f0ff18}
.iku-site main>#friction{margin-top:80px;padding-block:0;border-bottom:0;background:radial-gradient(ellipse at 88% 24%,#103a493d,transparent 48%),var(--bg)}.friction-stage{position:relative}.friction-scene{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center;min-height:calc(100svh - 80px);padding:76px 0}.friction-scene--technology{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-top:1px solid var(--line)}.challenge-copy{max-width:610px}.eyebrow{display:block;color:var(--accent);margin-bottom:26px}.friction-scene h2{font-size:clamp(36px,4.3vw,64px)!important;line-height:1.08;letter-spacing:-.045em}.challenge-copy>p:not(.mono){font-size:16px;max-width:510px;margin-top:24px;color:#b9c7d5}.rotating-window{margin-top:30px;min-height:76px;display:flex;align-items:center;border-left:2px solid var(--accent);padding:8px 0 8px 20px}.rotating-term{font-size:clamp(18px,1.8vw,24px);line-height:1.4;color:var(--accent)}.scroll-cue{color:#8e9eaf;margin-top:32px;font-size:9px}
.challenge-visual{position:relative;min-width:0;margin:0;padding:44px 0 0}.challenge-visual::before{content:'';position:absolute;inset:-15% -5%;background:radial-gradient(ellipse,#00bcd421,transparent 65%);pointer-events:none;animation:ambient-breathe 12s ease-in-out infinite alternate}.work-window{position:relative;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(145deg,#1c2b3b,#101925 80%);box-shadow:0 36px 80px #0006,0 1px 0 #ffffff0d inset;overflow:hidden;transform:rotate(-2deg)}.window-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;background:#ffffff03;border-bottom:1px solid #ffffff0d;font:8px var(--mono);letter-spacing:.08em;color:#9cacbd}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#64788c}.window-dots i:first-child{background:var(--accent)}.window-body{padding:26px}.window-heading{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:24px}.window-body h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}.count-badge{font:12px var(--mono);color:#98b5c5;background:#ffffff07;padding:8px;border-radius:8px}.task-row{display:flex;gap:12px;align-items:center;padding:18px 0;border-top:1px solid #ffffff0b}.task-icon,.app-tile{display:grid;place-items:center;width:34px;height:36px;flex-shrink:0;background:#00f0ff0c;color:#73dce7;border-radius:8px;font-size:19px}.task-row strong,.choice-row strong{display:block;font-size:12px;font-weight:500}.task-row small,.choice-row small{display:block;font-size:10px;color:#93a5b7;margin-top:5px}.task-status{margin-left:auto;font-size:8px;white-space:nowrap;background:#ffffff06;color:#a3b1c2;padding:6px 8px;border-radius:5px}.window-footer{display:flex;align-items:center;gap:8px;font-size:10px;color:#a9bacb;margin-top:16px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #00f0ff60}.floating-note{position:absolute;right:-12px;top:0;z-index:2;display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,#223747,#192635);border:1px solid #ffffff25;padding:15px 18px;border-radius:12px;box-shadow:0 14px 35px #0005;transform:rotate(3deg)}.floating-note small{display:block;font:8px var(--mono);color:#92b6c8;margin-bottom:5px}.floating-note strong{font-size:11px;font-weight:500}.challenge-visual figcaption{position:relative;margin-top:26px;color:#738c9d;font-size:8px;letter-spacing:.12em;text-align:right}.choices-visual{padding-top:66px}.choices-visual .work-window{transform:rotate(2deg)}.option-cloud{position:absolute;inset:0 0 auto;display:flex;gap:10px;justify-content:center;transform:rotate(-5deg)}.option-cloud span{background:#1a2b3a;border:1px solid #ffffff15;padding:12px 15px;border-radius:9px;font:11px var(--mono);color:#9ab1c4;box-shadow:0 8px 18px #0002}.option-cloud span:nth-child(even){transform:translateY(10px)}.mini-label{display:block;font:9px var(--mono);color:var(--accent);margin-bottom:14px}.choices-visual h3{max-width:280px;margin-bottom:22px}.choice-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #ffffff0b}.choice-check{display:grid;place-items:center;width:26px;height:26px;background:#00f0ff12;border-radius:50%;color:var(--accent);font-size:12px}.selected-choice{display:flex;gap:10px;align-items:center;margin-top:14px;border:1px solid #00f0ff30;background:linear-gradient(100deg,#00f0ff15,#00f0ff05);padding:16px;border-radius:9px;font-size:12px}.selected-choice strong{font-weight:500}.selected-choice>span:last-child{margin-left:auto;color:var(--accent)}
.iku-site main>#home{padding-top:104px;background:radial-gradient(ellipse at 80% 0,#10445355,transparent 55%),linear-gradient(180deg,#101e29,var(--bg));border-top:1px solid #ffffff12;border-radius:32px 32px 0 0}.hero-meta{font-size:9px;color:#8aaab9}#hero-title{font-size:clamp(42px,6.4vw,92px)}.hero-bottom{margin-bottom:80px}.architecture-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px;padding:56px 48px;border-radius:20px;background:linear-gradient(135deg,#152534,#0d1721);border-color:#ffffff12;box-shadow:0 24px 70px #0003}.foundation-model{min-width:0}.slab-stack{padding:20px 8px 25px;perspective:900px}.foundation-slab{position:relative;display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:24px;border:1px solid #71cfdf30;border-radius:12px;background:linear-gradient(120deg,#173d4d,#112837);color:#ecfaff;box-shadow:0 9px 0 #091b26,0 10px 0 #265160,0 22px 24px #0005;transform:rotateX(12deg) rotateY(-12deg);transition:transform .35s,background .35s,box-shadow .35s;margin-top:16px;cursor:pointer}.slab-ai{z-index:3}.slab-process{z-index:2;background:linear-gradient(120deg,#183545,#142331)}.slab-data{z-index:1;background:linear-gradient(120deg,#1a2b3b,#14212d)}.foundation-slab>span:nth-child(2){font-size:18px;line-height:1.25}.foundation-slab small{display:block;font:8px var(--mono);letter-spacing:.1em;color:#a3bec9;margin-top:8px}.slab-number{font:11px var(--mono);color:#73bcc9}.slab-arrow{margin-left:auto;color:var(--accent)}.foundation-slab[aria-pressed=true],.foundation-slab:hover{transform:translateY(-5px) translateX(6px) rotateX(8deg) rotateY(-7deg);background:linear-gradient(120deg,#176073,#123746);box-shadow:0 9px 0 #0a2430,0 10px 0 #357f8e,0 22px 34px #0005,0 0 35px #00f0ff09}.layer-detail{min-height:96px;padding:20px 8px 0}.layer-detail p{font-size:12px;color:#aabfcd;margin-bottom:8px}.layer-detail a{font-size:12px;color:var(--accent);display:flex;justify-content:space-between;gap:12px}.model-caption{padding:16px 8px 0;color:#708a9b;font-size:8px;border-top:1px solid #ffffff10}
.opportunity-map{padding:0;background:none;border:0}.opportunity-map>figcaption{margin-bottom:36px}.opportunity-row{position:relative;grid-template-columns:1fr 1.2fr .8fr;gap:28px;border:1px solid #ffffff10;background:linear-gradient(110deg,#152431,#101b26);border-radius:14px;padding:30px;margin-bottom:16px;transition:border-color .25s,transform .25s}.opportunity-row:hover{border-color:#00f0ff40;transform:translateY(-3px)}.signal>p{font-size:13px;color:#9eb0c1}.discipline{border-left:0;padding:12px 0}.discipline:hover{background:none}.discipline h4{font-size:21px}.discipline h4 span{display:inline-block;transition:transform .2s}.discipline:hover h4 span{transform:translate(3px,-3px)}.result{border-left:1px solid #ffffff10;padding-left:24px}.result p{font-size:13px}.result .mono{color:#7cc3cd}.map-note{border:0;color:#7994a6;padding-top:8px}.iku-site main>#outcomes{background:linear-gradient(135deg,#13212d,#0d161f);border-block:1px solid #ffffff0a;border-radius:28px}.iku-site #outcomes details{padding:24px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff02;margin:0 0 16px;transition:background .2s}.iku-site #outcomes details:hover{background:#ffffff04}.iku-site #outcomes details[open]{border-color:#00f0ff40;background:#00f0ff04}#services details summary{transition:color .2s}#services details summary:hover h3{color:var(--accent)}#pathways .grid>div{position:relative;overflow:hidden;border-radius:18px;border-color:#ffffff15;padding:40px;background:linear-gradient(140deg,#17303f,#111c29);box-shadow:0 20px 45px #0002}#pathways .grid>div:nth-child(2){background:linear-gradient(140deg,#172635,#101821)}#pathways .grid>div::after{content:'01';position:absolute;right:18px;top:-12px;font-size:120px;font-weight:600;letter-spacing:-.08em;color:#ffffff03;pointer-events:none}#pathways .grid>div:nth-child(2)::after{content:'02'}#pathways .grid>div>*{position:relative;z-index:1}#pathways h3{max-width:330px}#why-us .grid{gap:48px}#why-us .grid>div{border-top:2px solid #00f0ff40}#about{background:linear-gradient(180deg,#101b26,var(--bg))}.heritage-image{border-radius:12px;border-color:#ffffff10}.iku-site main>#contact{background:radial-gradient(ellipse at 85% 100%,#09657444,transparent 65%),#13222e;padding:90px max(24px,5vw);border-radius:28px 28px 0 0}.iku-site #contact>div>.iku-panel{background:#ffffff03;border:1px solid #ffffff10;border-radius:12px;padding:24px}.motion-enter{animation:surface-arrive .7s cubic-bezier(.2,.65,.3,1) both}@keyframes surface-arrive{from{opacity:.4;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-breathe{from{opacity:.45;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(-8px) scale(1.05)}}
@media(max-width:1050px){.architecture-panel{gap:32px;padding:36px}.opportunity-row{grid-template-columns:1fr 1.3fr}.result{grid-column:2}.floating-note{right:0}.task-status{display:none}.option-cloud{gap:6px}.option-cloud span{padding:10px}.foundation-slab{padding:20px 16px}.foundation-slab>span:nth-child(2){font-size:16px}}
@media(max-width:767px){.iku-site main>section{padding-block:64px}.friction-scene,.friction-scene--technology{grid-template-columns:1fr;gap:32px;min-height:0;padding:55px 0 60px}.friction-scene--technology .challenge-copy{order:0}.friction-scene--technology .challenge-visual{order:1}.challenge-copy>p:not(.mono){font-size:14px}.friction-scene h2{font-size:clamp(34px,8.5vw,48px)!important}.eyebrow{margin-bottom:20px}.challenge-visual{width:100%;max-width:470px;margin-inline:auto;padding-inline:6px}.floating-note{right:3px}.window-body{padding:22px}.window-body h3{font-size:23px}.window-top{padding:16px}.scroll-cue{margin-top:20px}.rotating-window{margin-top:22px;min-height:62px}.rotating-term{font-size:18px}.challenge-visual figcaption{font-size:7px}.iku-site main>#home{padding-top:64px;border-radius:22px 22px 0 0}.hero-bottom{margin-bottom:40px}.architecture-panel{grid-template-columns:1fr;padding:28px 20px;gap:16px}.architecture-panel h2{font-size:32px!important}.foundation-slab>span:nth-child(2){font-size:16px}.foundation-slab{gap:12px;padding:20px 16px}.foundation-slab small{font-size:7px}.slab-stack{padding-inline:0}.opportunity-row{grid-template-columns:1fr;gap:16px;padding:24px}.result{grid-column:auto;padding:16px 0 0;border-left:0;border-top:1px solid #ffffff10}.discipline{padding:0}.opportunity-map h3{font-size:26px}.iku-site #outcomes details{padding:20px}#pathways .grid>div{padding:28px}#why-us .grid{gap:24px}.iku-site main>#contact{padding:64px 22px}.layer-detail{min-height:105px}}
@media(prefers-reduced-motion:reduce){.challenge-visual::before,.motion-enter{animation:none!important}.foundation-slab,.opportunity-row,.action,.iku-button{transition:none!important}}
/* Focused revisions: business friction, technical overload, and a true layered diagram. */
.operations-visual .task-row{padding-block:14px}.operations-visual .window-heading{margin-bottom:18px}.operations-visual .window-body{padding-block:24px}.choices-visual{padding-top:0}.technical-overload{position:relative;padding:22px 0 12px;isolation:isolate}.buzz-row{position:relative;display:flex;gap:12px;justify-content:center;z-index:2}.buzz-row span{display:block;padding:13px 17px;border:1px solid #84cadb24;border-radius:11px;background:linear-gradient(130deg,#223a4d,#162635);box-shadow:0 12px 28px #0004;color:#abc9dc;font:12px var(--mono);white-space:nowrap}.buzz-row--one{transform:rotate(-7deg);margin-bottom:14px}.buzz-row--two{transform:rotate(4deg);margin-bottom:-10px}.buzz-row--three{transform:rotate(-4deg);margin-top:-8px}.buzz-row--four{transform:rotate(5deg);margin-top:16px;opacity:.65}.buzz-row span:nth-child(even){transform:translateY(-8px)}.overload-question{position:relative;margin:0 12px;padding:46px 26px 38px;border:1px solid #ffffff0d;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#24455770,#101c2880);text-align:center;box-shadow:0 20px 70px #0002}.choices-visual .overload-question h3{font-size:clamp(26px,2.8vw,38px);max-width:350px;line-height:1.12;margin:0 auto 20px}.overload-question p{font-size:13px;color:#9cb1c3;line-height:1.8}.unresolved-label{display:flex;align-items:center;justify-content:center;gap:9px;color:#8ea5b7;font-size:10px;margin-top:26px}.unresolved-label .status-dot{background:#86adbd;box-shadow:none}.choices-visual figcaption{text-align:center;font-size:8px}.system-diagram{margin:0;min-width:0}.system-diagram>svg{display:block;width:100%;height:auto;overflow:visible}.system-diagram figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff10;padding-top:18px;color:#809cab;font-size:8px}.diagram-plane{transition:transform .45s,filter .45s;transform-box:fill-box;transform-origin:center}.diagram-layer{cursor:pointer}.diagram-layer:hover .diagram-plane,.diagram-layer:focus .diagram-plane{transform:translateY(-13px);filter:brightness(1.22)}.diagram-layer:focus{outline:none}.diagram-layer:focus .diagram-plane>path:nth-child(2){stroke:#fff;stroke-width:3}.plane-title{fill:#f0fcff;font:12px var(--mono);letter-spacing:.06em}.plane-number{fill:#d2f9ff;font:9px var(--mono);opacity:.65}.plane-link{fill:#ccfaff;font:8px var(--mono);letter-spacing:.12em}.diagram-layer--ai .plane-title{fill:#07202c;font-weight:600}.diagram-layer--ai .plane-number,.diagram-layer--ai .plane-link{fill:#092d3a}.architecture-panel.motion-enter .diagram-layer--ai>g{animation:plane-settle .95s ease-out both}.architecture-panel.motion-enter .diagram-layer--process>g{animation:plane-settle .95s .12s ease-out both}.architecture-panel.motion-enter .diagram-layer--data>g{animation:plane-settle .95s .24s ease-out both}@keyframes plane-settle{from{opacity:.1;translate:0 -28px}to{opacity:1;translate:0 0}}.opportunity-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:22px;border-radius:16px;background:linear-gradient(135deg,#00f0ff1c,#00f0ff04);border:1px solid #00f0ff20;box-shadow:0 10px 25px #0002;color:#56d8e3}.signal .opportunity-icon svg{width:34px;height:34px;margin:0;color:inherit}.opportunity-row:nth-of-type(2) .opportunity-icon{color:#80d2ee}.opportunity-row:nth-of-type(3) .opportunity-icon{color:#b3f4f3}
@media(max-width:767px){.buzz-row{gap:8px}.buzz-row span{font-size:10px;padding:11px 12px}.overload-question{margin-inline:5px;padding-inline:18px}.choices-visual .overload-question h3{font-size:30px}.technical-overload{padding-top:22px}.system-diagram{margin-inline:-12px}.system-diagram figcaption{margin-inline:12px;font-size:7px}.architecture-panel{overflow:hidden}.opportunity-icon{width:52px;height:52px;margin-bottom:18px}.signal .opportunity-icon svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.diagram-plane{transition:none!important}.architecture-panel.motion-enter .diagram-layer>g{animation:none!important}}
/* Keep diagram labels legible on small screens. */
@media(max-width:767px){.system-diagram .plane-title{font-size:16px;letter-spacing:0}.system-diagram .plane-link{font-size:11px}.system-diagram .plane-number{font-size:11px}}
/* Technical overload builds once, then holds; the visitor can pause or replay. */
.technical-overload{height:470px;padding:0;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at center,#17384a70,transparent 70%)}.technical-overload .overload-question{position:absolute;inset:94px 12px auto;margin:0;padding:38px 24px;z-index:0}.buzz-field{position:absolute;inset:0;pointer-events:none}.buzz-token{position:absolute;left:var(--x);top:var(--y);z-index:var(--order);transform:translate(-30%,-50%) rotate(var(--tilt));padding:12px 16px;border:1px solid #76c2d642;border-radius:10px;background:linear-gradient(125deg,#254457,#142a3b);box-shadow:0 8px 22px #0006;color:#c1dce8;font:12px var(--mono);white-space:nowrap;max-width:90%}.overload-ready .buzz-token{opacity:0}.overload-ready.is-building .buzz-token{animation:buzz-arrive .7s var(--delay) cubic-bezier(.18,.7,.3,1) both}.overload-ready.is-paused .buzz-token{animation-play-state:paused}.overload-ready.is-complete .buzz-token{opacity:1;animation:none}.overload-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.overload-controls .mono{font-size:8px;color:#849eaf}.overload-toggle{flex-shrink:0;font-size:11px;color:#a8ecf4;border:1px solid #79cbd531;border-radius:6px;padding:8px 10px;background:#122737;min-height:36px}.overload-toggle[hidden]{display:none}.overload-toggle:hover{background:#1a3b4d}@keyframes buzz-arrive{from{opacity:0;translate:0 -40px;scale:.8}to{opacity:1;translate:0 0;scale:1}}
.simple-system>svg{color:var(--accent);overflow:visible}.simple-labels text{font:10px var(--mono);fill:var(--ink)}.simple-labels a:hover text,.simple-labels a:focus text{fill:var(--accent);text-decoration:underline}.simple-plane{transition:fill .3s}.simple-system:has(a[href="#field-ai"]:hover) .simple-plane--ai{fill:#238b98}.simple-system:has(a[href="#field-process"]:hover) .simple-plane--process{fill:#1b6979}.simple-system:has(a[href="#field-data"]:hover) .simple-plane--data{fill:#185263}.architecture-panel.motion-enter .simple-plane{animation:plane-reveal 1s ease-out both}.architecture-panel.motion-enter .simple-plane--process{animation-delay:.15s}.architecture-panel.motion-enter .simple-plane--ai{animation-delay:.3s}@keyframes plane-reveal{from{opacity:.15}to{opacity:1}}.mobile-layer-links{display:none}.architecture-panel{grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:24px}.field-details-intro{margin:64px 0 12px;padding-top:38px;border-top:1px solid var(--line)}.field-details-intro h3{font-size:clamp(24px,3vw,34px);margin:12px 0}.field-details-intro p{color:#a7bac9;font-size:14px;max-width:650px}.education-panel{border-radius:20px;background:linear-gradient(135deg,#162c3b,#101c29)}.education-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:142px;height:82px;padding:17px 20px;border-radius:22px;background:#f5f8fc;box-shadow:0 8px 20px #0002,0 0 0 5px #ffffff04}.education-logo img{width:100%;max-height:45px;object-fit:contain}
@media(max-width:1050px){.architecture-panel{grid-template-columns:1fr}.simple-system{max-width:760px;width:100%;margin-inline:auto}}
@media(max-width:540px){.technical-overload{height:430px}.buzz-token{font-size:10px;padding:10px 12px}.technical-overload .overload-question{inset:80px 4px auto;padding:35px 14px}.overload-controls{gap:8px}.overload-controls .mono{max-width:180px}.education-logo{width:124px;height:76px;padding:16px;border-radius:20px}.simple-labels{display:none}.simple-system>svg{width:155%;max-width:none;margin-left:-25%}.simple-system{overflow:hidden;margin:0}.simple-system figcaption{display:none}.mobile-layer-links{display:grid;gap:0;margin-top:8px}.mobile-layer-links a{font-size:12px;color:#d3f7fc;padding:14px 0;border-top:1px solid #ffffff15}.field-details-intro{margin-top:44px}}
@media(prefers-reduced-motion:reduce){.overload-ready .buzz-token{opacity:1!important;animation:none!important}.simple-plane{animation:none!important}}

/* A readable bridge from the challenges into the company introduction. */
.partner-transition{max-width:960px;font-size:clamp(22px,2.7vw,36px);line-height:1.45!important;letter-spacing:-.025em;color:#d5e5ee;margin:0 0 62px;padding-bottom:38px;border-bottom:1px solid #ffffff13}
@media(max-width:767px){.partner-transition{font-size:24px;line-height:1.45!important;margin-bottom:36px;padding-bottom:28px}.transition-break{display:none}}
/* Challenge illustrations: an accumulating queue and the accelerating technical landscape. */
.operations-visual .task-status{display:inline-block;background:transparent;color:#ff1744;border:0;border-radius:0;padding:0;box-shadow:none;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;text-shadow:none}.operations-visual .task-row{height:82px;padding-block:14px}.work-queue{overflow:hidden;max-height:246px;mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent)}.queue-copy{display:none}.queue-animated .queue-copy{display:block}.queue-animated .work-queue-track{animation:queue-scroll 22s linear infinite;animation-play-state:paused}.queue-running .work-queue-track{animation-play-state:running}.is-tab-hidden .work-queue-track{animation-play-state:paused}@keyframes queue-scroll{to{transform:translateY(-50%)}}.buzz-aside{background:#345161;color:#f0f8ff;border-color:#b3e5ef66;font-family:var(--sans);font-size:12px;white-space:normal;width:max-content;max-width:82%;box-shadow:0 12px 32px #0008}.overload-finale{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;text-align:center;background:radial-gradient(ellipse,#153446f5,#0c1722eb);border:1px solid #72ced326;border-radius:20px;opacity:0;pointer-events:none}.overload-finale .mono{color:var(--accent)}.choices-visual .overload-finale h3{font-size:clamp(28px,3vw,40px);margin:0;line-height:1.12}.overload-finale p{font-size:14px;color:#b2c8d4}.overload-ready.is-building .overload-finale{animation:overload-finish 1s 21.5s both}.overload-ready.is-paused .overload-finale,.is-tab-hidden .buzz-token,.is-tab-hidden .overload-finale{animation-play-state:paused}.overload-ready.is-complete .overload-finale{opacity:1;animation:none}@keyframes overload-finish{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.friction-scene--technology .scroll-cue{font:500 18px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:#d3edf3;margin-top:30px}.founder-layout{grid-template-columns:210px minmax(0,1fr)!important;align-items:start!important}.founder-layout>.md\:col-span-2{grid-column:auto}.founder-card{max-width:190px;margin:8px auto 0}.founder-portrait{width:164px;height:164px;margin:auto;border-radius:50%;overflow:hidden;border:1px solid #ffffff20;background:var(--panel)}.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.founder-card p{font-size:11px!important;color:#98adbd;margin-top:18px}
@media(max-width:767px){.operations-visual .task-row{gap:8px}.operations-visual .task-status{font-size:9px;padding:0}.operations-visual .task-row small{font-size:9px}.operations-visual .task-icon{width:26px;font-size:16px}.operations-visual .window-body{padding-inline:16px}.founder-layout{grid-template-columns:1fr!important}.founder-card{max-width:210px;margin:0}.founder-portrait{width:132px;height:132px;margin-left:0}.founder-card p{text-align:left}.buzz-aside{font-size:11px}.friction-scene--technology .scroll-cue{font-size:17px}}
@media(prefers-reduced-motion:reduce){.work-queue{max-height:none;mask-image:none}.queue-copy{display:none!important}.work-queue-track{animation:none!important}.overload-finale{display:none}.buzz-aside{display:none}}

.work-queue:not(.queue-animated){max-height:none;mask-image:none}
/* Keep the central question readable while terms gather along its edges. */
.technical-overload{height:560px}.technical-overload .overload-question{inset:176px 8px auto;min-height:204px;padding:20px 18px;background:#112735;z-index:60;box-shadow:0 0 28px 12px #0b1725a0;border-color:#ffffff0b}.choices-visual .overload-question h3{font-size:clamp(26px,2.5vw,34px);margin-bottom:14px}.technical-overload .buzz-token{transform:translate(-50%,-50%) rotate(var(--tilt));font-size:11px;padding:10px 12px}.technical-overload .buzz-aside{font-size:12px;max-width:90%;text-align:center}.overload-ready.is-building .overload-finale{animation-delay:9s}
@media(max-width:540px){.technical-overload{height:520px}.technical-overload .overload-question{inset:153px 3px auto;min-height:224px;padding:22px 14px}.choices-visual .overload-question h3{font-size:27px}.technical-overload .buzz-token{font-size:9px;padding:9px 10px}.technical-overload .buzz-aside{font-size:11px}.overload-question p{font-size:12px}}
#goal-example{display:grid;transition:opacity .22s ease,transform .22s ease;min-height:2.8em}.goal-measure,.goal-current{grid-area:1/1}.goal-measure{visibility:hidden;pointer-events:none}.goal-current{align-self:center}#goal-example.goal-changing{opacity:0;transform:translateY(5px)}
/* One navy/cyan palette; surfaces vary only in brightness and cyan tint. */
.opportunity-row:nth-of-type(1){--field-accent:var(--accent);background:linear-gradient(115deg,#142731,#101b26);border-color:#00f0ff1c}
.opportunity-row:nth-of-type(2){--field-accent:var(--accent);background:linear-gradient(115deg,#182630,#131c28);border-color:#00f0ff15}
.opportunity-row:nth-of-type(3){--field-accent:var(--accent);background:linear-gradient(115deg,#112b34,#0e1d28);border-color:#00f0ff24}
.opportunity-row .opportunity-icon{color:var(--field-accent)!important;background:color-mix(in srgb,var(--field-accent) 10%,transparent);border-color:color-mix(in srgb,var(--field-accent) 24%,transparent)}
.opportunity-row .discipline .mono,.opportunity-row .discipline h4 span,.opportunity-row .result .mono{color:var(--field-accent)}
.opportunity-row:hover{border-color:var(--field-accent)}
.mobile-system-diagram{display:none!important}
@media(max-width:767px){.founder-layout>div:first-child{order:2}.founder-layout>div:nth-child(2){order:1}.founder-layout>div{min-width:0}.opportunity-row>div,.opportunity-row>a{min-width:0}.education-panel>div{flex-wrap:wrap}.friction-scene,.hero-bottom{min-width:0}}

/* IKU identity system
   Palette: carbon base, slate panels, electric cyan signal, cool white text.
   Section tones keep the site varied without introducing unrelated colors.
   Shape rule: full-width sections are straight bands with one divider line.
   Internal panels, cards, portraits, and controls may be rounded.
   - base: quiet carbon sections for explanatory content.
   - panel: denser slate sections for lists, options, and detail-heavy content.
   - signal: cyan-tinted sections for introduction, foundation, and personal story.
   - callout: stronger cyan wash for the final action section.
   - story: near-black stage for the opening challenge narrative. */
.iku-site{
--iku-carbon:#0b1118;
--iku-carbon-2:#0e1721;
--iku-carbon-3:#101c28;
--iku-slate:#131c28;
--iku-slate-2:#162431;
--iku-slate-3:#182b36;
--iku-cyan:#00f0ff;
--iku-cyan-soft:#55dbe8;
--iku-ink:#fff;
--iku-copy:#e2e8f0;
--iku-muted:#96a9ba;
--iku-line:rgba(255,255,255,.15);
--iku-line-soft:rgba(255,255,255,.09);
--bg:var(--iku-carbon);
--panel:var(--iku-slate);
--ink:var(--iku-ink);
--copy:var(--iku-copy);
--accent:var(--iku-cyan);
--line:var(--iku-line);
}
.iku-site main>section.section-tone{border-top:0!important;border-bottom:1px solid var(--section-divider,var(--line))!important;border-radius:0!important;background:var(--section-bg,var(--bg));overflow:clip;}
.iku-site main>section.section-tone>div{position:relative;z-index:1}
.iku-site main>section.section-tone::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--section-light,none);opacity:var(--section-light-opacity,1)}
.iku-site main>.section-tone--base{--section-bg:linear-gradient(180deg,#090f16,#0d151e);--section-light:radial-gradient(ellipse at 86% 18%,rgba(0,240,255,.035),transparent 48%);}
.iku-site main>.section-tone--panel{--section-bg:linear-gradient(135deg,#142231,#0f1822);--section-light:linear-gradient(90deg,rgba(255,255,255,.035),transparent 42%),radial-gradient(ellipse at 12% 18%,rgba(0,240,255,.07),transparent 48%);border-block-color:var(--iku-line-soft);}
.iku-site main>.section-tone--signal{--section-bg:linear-gradient(180deg,#10212d,#0b1118);--section-light:radial-gradient(ellipse at 80% 0,rgba(0,240,255,.14),transparent 52%),linear-gradient(90deg,rgba(0,240,255,.045),transparent 38%);}
.iku-site main>.section-tone--callout{--section-bg:linear-gradient(135deg,#122b36,#0d1721);--section-light:radial-gradient(ellipse at 85% 100%,rgba(0,240,255,.18),transparent 62%);}
.iku-site main>.section-tone--story{--section-bg:var(--iku-carbon);--section-light:radial-gradient(ellipse at 88% 24%,rgba(0,240,255,.08),transparent 48%);}
.iku-site main>#friction.section-tone--story{margin-top:80px;padding-block:0;background:var(--section-bg);}
.iku-site main>#home.section-tone--signal{padding-top:104px;background:var(--section-bg);}
.iku-site main>#outcomes.section-tone--panel{background:var(--section-bg);}
.iku-site main>#about.section-tone--signal{background:var(--section-bg);}
.iku-site main>#contact.section-tone--callout{background:var(--section-bg);padding:90px max(24px,5vw);}
.architecture-panel,.iku-site #contact>div>.iku-panel,.education-panel{background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-color:rgba(255,255,255,.11)}
.iku-site main>#services.section-tone--base{--section-bg:linear-gradient(180deg,#090f16,#0b1118 45%,#0d151e);}
.iku-site main>#pathways.section-tone--base{--section-bg:linear-gradient(180deg,#0c151e,#091018);}
.iku-site main>#why-us.section-tone--panel{--section-bg:linear-gradient(135deg,#162431,#0e1721);}
.opportunity-row{overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.16);transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease,background .24s ease}
.opportunity-row::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,240,255,.08),transparent 34%);opacity:0;transition:opacity .24s ease}
.opportunity-row:nth-of-type(1){--field-accent:var(--iku-cyan);--field-hover:#17313c;background:linear-gradient(115deg,#142731,#101b26);border-color:rgba(0,240,255,.12)}
.opportunity-row:nth-of-type(2){--field-accent:var(--iku-cyan);--field-hover:#172d38;background:linear-gradient(115deg,#162935,#111c27);border-color:rgba(0,240,255,.16)}
.opportunity-row:nth-of-type(3){--field-accent:var(--iku-cyan);--field-hover:#132a34;background:linear-gradient(115deg,#12242e,#0e1822);border-color:rgba(0,240,255,.20)}
.opportunity-row:hover,.opportunity-row:focus-within{background:linear-gradient(115deg,var(--field-hover),#101b26);border-color:rgba(0,240,255,.58);box-shadow:0 26px 70px rgba(0,0,0,.28),0 0 0 1px rgba(0,240,255,.10) inset,0 0 36px rgba(0,240,255,.08);transform:translateY(-4px)}
.opportunity-row:hover::before,.opportunity-row:focus-within::before{opacity:1}
.opportunity-row .opportunity-icon{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.opportunity-row:hover .opportunity-icon,.opportunity-row:focus-within .opportunity-icon{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 28px rgba(0,240,255,.12);border-color:rgba(0,240,255,.42);background:rgba(0,240,255,.10)}
.opportunity-row:hover .discipline h4,.opportunity-row:focus-within .discipline h4{color:#effcff}
@media(max-width:767px){
.iku-site main>#home.section-tone--signal{padding-top:64px}
.iku-site main>#contact.section-tone--callout{padding:64px 22px}
}
@media(max-width:540px){.simple-system>svg:not(.mobile-system-diagram){display:none}.simple-system>.mobile-system-diagram{display:block!important;width:100%;max-width:100%;margin:0;overflow:visible}.simple-system{width:100%;margin:0;overflow:visible}.mobile-diagram-labels text{fill:#edfcff;font:15px var(--sans);font-weight:500}.mobile-diagram-labels a:hover text,.mobile-diagram-labels a:focus text{fill:var(--accent)}.mobile-system-diagram a:focus{outline:2px solid var(--accent)}.mobile-diagram-hint{fill:#8aafbd;font:9px var(--mono);letter-spacing:.08em}.heritage-gallery{min-width:0}.task-row>div{min-width:0}.task-row small{overflow-wrap:anywhere}}

/* Contact page: same identity system as the homepage, with form controls as internal panels. */
.contact-page{min-height:calc(100svh - 80px);padding:150px max(24px,5vw) 104px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(44px,7vw,96px);align-items:start}
.contact-copy{max-width:640px}
.contact-copy h1{font-size:clamp(42px,6.2vw,86px);line-height:1.02;letter-spacing:-.065em;margin:28px 0}
.contact-copy p{max-width:620px;color:#c0d0dc;font-size:16px}
.contact-form{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:32px;box-shadow:0 28px 70px rgba(0,0,0,.26)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{display:grid;gap:9px;margin-bottom:20px}
.form-field label{font:10px/1.5 var(--mono);letter-spacing:.075em;text-transform:uppercase;color:#a9c1cf}
.form-field label span{color:#718b9d}
.form-field input,.form-field textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#0b141e;color:var(--ink);padding:14px 15px;font:15px/1.5 var(--sans);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.form-field textarea{resize:vertical;min-height:168px}
.form-field input::placeholder,.form-field textarea::placeholder{color:#6f8494}
.form-field input:focus,.form-field textarea:focus{border-color:rgba(0,240,255,.7);background:#0d1823;box-shadow:0 0 0 3px rgba(0,240,255,.08),0 0 30px rgba(0,240,255,.05)}
.contact-submit{width:100%;margin-top:6px}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-form{max-width:720px}.contact-page{padding-top:126px}.contact-copy h1{font-size:clamp(40px,9vw,64px)}}
@media(max-width:560px){.contact-page{padding-inline:22px;padding-bottom:72px}.form-grid{grid-template-columns:1fr}.contact-form{padding:22px;border-radius:12px}.contact-copy p{font-size:14px}.form-field input,.form-field textarea{font-size:14px}}