@font-face{font-family:SUITE;src:url('assets/SUITE-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:SUITE;src:url('assets/SUITE-Bold.otf') format('opentype');font-weight:700;font-display:swap}
/* Brand values mirror mobile/lib/design-tokens.ts; website-specific scales are declared here. */
:root{--bg:#f9faf6;--ink:#1a1c1a;--green:#4a6549;--sage:#8ba888;--warm:#fbddc2;--muted:#434841;--line:#c3c8bf;--card:#f3f4f0;--white:#fff;--inset:#eef0eb;--warn:#fff3cd;--warn-text:#856404;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s14:3.5rem;--s20:5rem;--gutter:clamp(1.5rem,6vw,7.5rem);--section-space:clamp(6rem,12vw,12rem);--font-body:clamp(1rem,1.25vw,1.2rem);--font-meta:.875rem;--font-hero:clamp(4.5rem,10.7vw,11rem);--font-heading:clamp(3.5rem,7.8vw,8.5rem);--font-korean:clamp(2.4rem,5.8vw,6.5rem);--serif:Georgia,'Times New Roman',serif;--sans:SUITE,Arial,sans-serif;--track-serif:-.064em;--track-title:-.046em;--radius:2rem;--transition:.65s cubic-bezier(.22,.61,.36,1);--duration-glow:19s;--duration-drift:16s;--blur-glow:60px;--glass:color-mix(in srgb,var(--white) 65%,transparent);--hairline:color-mix(in srgb,var(--green) 16%,transparent);--shadow:0 25px 70px color-mix(in srgb,var(--green) 8%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--font-body)/1.7 var(--sans);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-weight:400}h3{font-size:clamp(1.25rem,1.7vw,1.75rem);line-height:1.35}p{word-break:keep-all}button{border:0;background:none}button[disabled]{cursor:default}.serif{font-family:var(--serif);letter-spacing:var(--track-serif);line-height:.97}.container{padding-inline:var(--gutter);max-width:1800px;margin-inline:auto}.eyebrow{font-size:var(--font-meta);letter-spacing:.15em;line-height:1.5}.small-serif{font-size:clamp(1.6rem,2.7vw,2.6rem);line-height:1.05}.filter-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-10rem;left:var(--s6);z-index:100;padding:var(--s4);background:var(--bg)}.skip-link:focus{top:var(--s4)}[hidden]{display:none!important}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(var(--blur-glow));animation:glow-drift var(--duration-glow) infinite alternate ease-in-out}.glow-green{width:50vw;height:50vw;right:-10vw;top:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--sage) 24%,transparent),transparent 70%)}.glow-warm{width:40vw;height:40vw;right:15vw;top:30vh;background:radial-gradient(ellipse,color-mix(in srgb,var(--warm) 45%,transparent),transparent 70%);animation-delay:-8s}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:var(--s8) var(--s12);transition:background var(--transition),padding var(--transition);pointer-events:none}.site-header a,.site-header button{pointer-events:auto}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(16px);padding-block:var(--s4)}.wordmark{font-size:var(--s8);letter-spacing:.14em;line-height:1.2}.header-actions{display:flex;align-items:center;gap:var(--s10)}.contact-link{font-size:var(--font-meta);border-bottom:1px solid currentColor;padding-block:var(--s2)}.menu-toggle{width:44px;height:44px;display:grid;align-content:center;gap:8px;padding:10px}.menu-toggle span{display:block;width:24px;height:1px;background:currentColor;transition:transform .35s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.site-menu{position:fixed;inset:0;z-index:30;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(25px);padding:clamp(7rem,16vh,12rem) var(--gutter) var(--s12)}.menu-links{margin:var(--s10) 0;display:grid;max-width:1000px}.menu-links a{font:400 clamp(2.9rem,7.5vw,7rem)/1.15 var(--serif);letter-spacing:var(--track-serif);padding:var(--s3) 0;transition:color .25s}.menu-links a:hover{color:var(--green)}.menu-links span{font:400 var(--font-meta)/1 var(--sans);letter-spacing:0;display:inline-block;width:var(--s12);vertical-align:middle}.menu-open{overflow:hidden}
.hero{position:relative;min-height:780px;height:100svh;max-height:1400px;overflow:hidden;isolation:isolate}.orbits{position:absolute;inset:0;pointer-events:none;z-index:-1}.orbits i{position:absolute;width:85vw;height:85vw;border:1px solid var(--hairline);border-radius:50%;left:30vw;top:-28vw;transform:rotate(-22deg) scaleY(.88)}.orbits i+ i{left:22vw;top:-12vw;width:90vw;height:70vw;transform:rotate(25deg)}.hero-art{position:absolute;width:88vw;max-width:1450px;right:-16vw;top:-9vh;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);pointer-events:none;z-index:-1}.membrane{display:block;width:100%;height:auto;filter:url(#membrane-flow);animation:membrane-drift var(--duration-drift) infinite alternate ease-in-out;opacity:.82;will-change:transform}.hero-copy{position:absolute;bottom:10.5vh;left:var(--gutter);z-index:2}.hero h1{font-size:var(--font-hero)}.hero-copy p{margin-top:var(--s10);font-size:var(--font-body);line-height:1.6}.scroll-cue{position:absolute;bottom:var(--s12);right:var(--s12);writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.13em;display:flex;align-items:center;gap:var(--s4)}.scroll-cue span{height:var(--s12);width:1px;background:var(--green);transform-origin:top;animation:scroll-breathe 3s ease-in-out infinite}
.section-label{display:flex;justify-content:space-between;align-items:start;gap:var(--s8);margin-bottom:var(--s20)}.section-label p{font-size:var(--font-body)}.vision{height:180svh;position:relative}.vision-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:8rem}.vision-title{font-size:var(--font-korean);font-weight:700;line-height:1.22;letter-spacing:var(--track-title);word-break:keep-all}.vision-title span{color:var(--line);transition:color .5s}.vision-title span.lit{color:var(--green)}.vision-bottom{display:flex;justify-content:space-between;gap:var(--s10);margin-top:var(--s20);align-items:end}.vision-bottom p{color:var(--muted);max-width:33rem}.marquee{overflow:hidden;padding:var(--s8) 0;border-block:1px solid var(--hairline)}.marquee>div{display:flex;width:max-content;gap:var(--s20);animation:marquee 35s linear infinite}.marquee span{font:400 clamp(3rem,7vw,7rem)/1 var(--serif);letter-spacing:var(--track-serif);color:var(--green)}.approach{padding-block:var(--section-space)}.approach-row{display:grid;grid-template-columns:.15fr .9fr 1fr;gap:var(--s10);padding-block:var(--s20);border-bottom:1px solid var(--hairline);align-items:start}.step-number{font-size:var(--s10);color:var(--green)}.approach-row h2{font-size:clamp(2.8rem,5vw,5.5rem)}.approach-row p{margin-top:var(--s6);max-width:34rem;color:var(--muted)}.tags{display:block;margin-top:var(--s8);font-size:var(--font-meta);color:var(--green)}
.features{padding-block:var(--section-space);background:color-mix(in srgb,var(--sage) 8%,var(--bg))}.feature-heading{font-size:var(--font-heading);margin-bottom:var(--section-space)}.feature-layout{display:grid;grid-template-columns:1fr 1.13fr;gap:clamp(3rem,8vw,8rem);align-items:center}.feature-selector{display:grid}.feature-selector button{display:flex;align-items:start;gap:var(--s6);padding:var(--s8) 0;border-bottom:1px solid var(--line);text-align:left;opacity:.6;transition:opacity .25s,color .25s}.feature-selector button[aria-selected=true]{opacity:1;color:var(--green)}.tab-index{font-size:var(--font-meta);margin-top:var(--s2)}.feature-selector button>span:nth-child(2){font-size:clamp(1.3rem,2.3vw,2.2rem);line-height:1.25;letter-spacing:var(--track-title);flex:1}.feature-selector small{display:block;font-size:1rem;letter-spacing:0;margin-top:var(--s3);color:var(--muted)}.tab-mark{font-size:var(--s6);font-weight:400}.feature-selector button[aria-selected=true] .tab-mark{transform:rotate(45deg)}.demo-stage{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center}.demo-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,var(--sage),var(--warm),transparent 70%);filter:blur(var(--blur-glow));opacity:.35;animation:glow-drift 13s ease-in-out infinite alternate}.demo-window{position:relative;width:100%;max-width:600px;background:var(--glass);backdrop-filter:blur(30px);border:1px solid color-mix(in srgb,var(--white) 85%,transparent);border-radius:var(--radius);padding:var(--s8);box-shadow:var(--shadow)}.demo-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hairline);padding-bottom:var(--s6);margin-bottom:var(--s8);gap:var(--s4)}.mini-brand{display:flex;align-items:center;gap:var(--s3);font-size:1.3rem}.mini-brand img{border-radius:var(--s2)}.demo-label{font-size:.75rem;color:var(--muted)}.demo-panel{min-height:390px;animation:panel-enter .5s both}.demo-subtitle{font-size:var(--font-meta);color:var(--green);margin-bottom:var(--s3)}.demo-panel h3{font-size:var(--s8);letter-spacing:var(--track-title);margin-bottom:var(--s8)}.sensor-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-bottom:var(--s10)}.sensor-values>div{display:grid;gap:var(--s2)}.sensor-values span{font-size:var(--font-meta);color:var(--muted)}.sensor-values strong{font-weight:400;font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1}.sensor-values small{font-size:var(--font-meta);margin-left:var(--s1)}.chart-heading,.chart-times{display:flex;justify-content:space-between;font-size:var(--font-meta);color:var(--muted)}.sensor-chart{width:100%;height:auto;display:block;margin-top:var(--s4);overflow:visible}.chart-guide{fill:none;stroke:var(--line);stroke-width:.6}.chart-line{fill:none;stroke:var(--green);stroke-width:2;stroke-dasharray:700;stroke-dashoffset:700;animation:draw-line 2s forwards ease-out}.chart-fill{fill:color-mix(in srgb,var(--sage) 12%,transparent)}.chart-times{font-size:.75rem}.demo-note{font-size:var(--font-meta);color:var(--muted);margin-top:var(--s6);line-height:1.6}.chat-bubble{padding:var(--s4) var(--s6);background:var(--white);border-radius:var(--s6);margin-block:var(--s3);font-size:1rem;max-width:88%;border:1px solid var(--hairline)}.chat-user{background:var(--green);color:var(--white);margin-left:auto;border:0}.care-timeline{list-style:none;margin:0;padding:0 var(--s6);border-left:1px solid var(--line)}.care-timeline li{position:relative;margin-bottom:var(--s8)}.care-timeline li:before{content:'';position:absolute;left:calc(-1 * var(--s6) - 4px);top:var(--s2);width:8px;height:8px;border-radius:50%;background:var(--sage)}.care-timeline time{display:block;color:var(--green);font-size:var(--font-meta);margin-bottom:var(--s2)}.care-timeline strong{font-size:1.2rem;font-weight:400}.care-timeline p{font-size:var(--font-meta);color:var(--muted)}.automation-steps{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--font-meta);margin-bottom:var(--s6);color:var(--green)}.approval-card{padding:var(--s6);border:1px solid var(--line);border-radius:var(--s6);background:var(--inset)}.approval-card strong{display:block;font-size:var(--s6);font-weight:400;margin-block:var(--s3)}.approval-card p{font-size:1rem}.approval-buttons{display:flex;gap:var(--s2);margin-top:var(--s6)}.approval-buttons button{font-size:var(--font-meta);padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--s8);flex:1;min-height:44px}.approval-buttons button+button{background:var(--green);color:var(--white);border-color:var(--green)}.integration-note{margin-top:var(--s20);font-size:var(--font-meta);color:var(--muted);line-height:1.8}
.story{padding-block:var(--section-space)}.story-title{font-size:var(--font-korean);font-weight:700;letter-spacing:var(--track-title);line-height:1.3;word-break:keep-all}.story-title span{color:var(--green)}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20);margin-top:var(--section-space)}.story-lead{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.4;letter-spacing:var(--track-title)}.story-content>div p{margin-bottom:var(--s8);color:var(--muted);max-width:36rem}.story-content .eyebrow{display:block;margin-top:var(--s12);color:var(--green)}.story-line{display:flex;align-items:center;gap:var(--s8);border-top:1px solid var(--line);margin-top:var(--section-space);padding-top:var(--s8);font-size:var(--font-meta)}.story-line i{height:1px;flex:1;background:var(--line)}.contact{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--section-space)}.contact-glow{position:absolute;right:0;top:15%;width:60vw;height:60vw;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--sage) 25%,transparent),color-mix(in srgb,var(--warm) 20%,transparent),transparent 70%);filter:blur(var(--blur-glow));animation:glow-drift 20s infinite alternate ease-in-out}.contact h2{font-size:clamp(4.5rem,12vw,13rem);margin-block:var(--s20);line-height:.98}.contact em{font-weight:400;color:var(--green)}.contact-bottom{display:flex;justify-content:space-between;gap:var(--s8);align-items:end;margin-top:var(--s20)}.contact-bottom>div{display:grid;gap:var(--s4)}.mail-link{font-size:clamp(1.3rem,2.4vw,2.5rem);border-bottom:1px solid currentColor;line-height:1.5}.support-link{font-size:var(--font-meta);color:var(--muted)}.site-footer{border-top:1px solid var(--hairline);padding-block:var(--s10) var(--s20);display:flex;gap:var(--s8);justify-content:space-between;align-items:center;font-size:.8rem;flex-wrap:wrap}.site-footer .wordmark{font-size:var(--s6)}.site-footer a:last-child{border-bottom:1px solid currentColor}.page-position{position:fixed;right:var(--s12);top:48%;display:grid;gap:var(--s4);z-index:20;font-size:.65rem;letter-spacing:.12em;justify-items:center;pointer-events:none}.page-position>div{height:100px;width:1px;background:var(--line);overflow:hidden}.page-position i{display:block;width:100%;height:100%;background:var(--green);transform:scaleY(0);transform-origin:top}.page-position>span:last-child{writing-mode:vertical-rl}.motion-toggle{position:fixed;bottom:var(--s4);left:var(--s6);z-index:25;font-size:.75rem;color:var(--muted);padding:var(--s2) var(--s3);border:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-radius:var(--s8);min-height:36px}.toast{position:fixed;bottom:var(--s20);left:50%;transform:translateX(-50%);z-index:60;background:var(--green);color:var(--white);padding:var(--s4) var(--s6);border-radius:var(--s4);max-width:calc(100vw - var(--s12));font-size:1rem;box-shadow:var(--shadow)}
.js .reveal{opacity:0;transform:translateY(var(--s10));transition:opacity var(--transition),transform var(--transition)}.js .reveal.visible{opacity:1;transform:none}.paused *,body.backgrounded *{animation-play-state:paused!important}.paused .membrane{filter:none}.paused .reveal{opacity:1;transform:none}.paused .vision-title span{color:var(--green)}.paused{scroll-behavior:auto}.paused .hero-art{transform:none!important}
@keyframes membrane-drift{0%{transform:translate(0,0) rotate(-8deg) scale(1.03,1)}50%{transform:translate(-2%,3%) rotate(-2deg) scale(1.06,.95)}100%{transform:translate(1%,0) rotate(5deg) scale(.97,1.07)}}@keyframes glow-drift{from{transform:translate(-5%,0) scale(.9);opacity:.5}to{transform:translate(10%,12%) scale(1.18);opacity:1}}@keyframes scroll-breathe{50%{transform:scaleY(.5)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes panel-enter{from{opacity:0;transform:translateY(var(--s3))}to{opacity:1;transform:none}}
@media(max-width:1024px){.site-header{padding-inline:var(--s8)}.page-position{right:var(--s4)}.approach-row{grid-template-columns:.12fr .75fr 1fr;gap:var(--s6)}.feature-layout{gap:var(--s10)}.demo-window{padding:var(--s6)}.vision-bottom{align-items:start}.story-content{gap:var(--s10)}.demo-panel h3{font-size:1.7rem}.sensor-values{gap:var(--s2)}}
@media(max-width:768px){:root{--font-hero:clamp(4.4rem,12vw,7rem);--font-heading:clamp(3.3rem,10vw,5.5rem);--font-korean:clamp(2.2rem,6.8vw,3.6rem)}.site-header{padding:var(--s6)}.header-actions{gap:var(--s6)}.hero{height:100svh;min-height:740px}.hero-art{width:125vw;right:-38vw;top:6vh}.hero-copy{bottom:12vh}.hero-copy p{max-width:30rem;margin-top:var(--s8)}.hero-copy br:not(h1 br){display:none}.scroll-cue{bottom:var(--s8);right:var(--s6)}.page-position{display:none}.section-label{margin-bottom:var(--s12)}.vision{height:auto}.vision-sticky{position:relative;padding-block:var(--section-space);min-height:760px}.vision-title span{color:var(--green)}.vision-bottom{display:grid;gap:var(--s10);margin-top:var(--s12)}.approach-row{grid-template-columns:var(--s8) 1fr;gap:var(--s6);padding-block:var(--s12)}.approach-row>div{grid-column:2}.approach-row h2{font-size:3.3rem}.step-number{font-size:1.7rem}.feature-heading{margin-bottom:var(--s12)}.feature-layout{grid-template-columns:1fr;gap:var(--s10)}.feature-selector button{padding-block:var(--s6)}.feature-selector button>span:nth-child(2){font-size:1.5rem}.demo-stage{min-height:530px}.demo-window{max-width:100%}.demo-panel{min-height:385px}.sensor-values strong{font-size:1.7rem}.integration-note{margin-top:var(--s12)}.story-content{grid-template-columns:1fr;margin-top:var(--s12)}.story-title{font-size:clamp(2rem,6.7vw,3.5rem)}.story-line{flex-wrap:wrap;gap:var(--s4);margin-top:var(--s12)}.story-line i{min-width:var(--s4)}.contact h2{font-size:clamp(4.4rem,13vw,7rem);margin-block:var(--s12)}.contact-bottom{display:grid;gap:var(--s10);margin-top:var(--s10)}.contact-glow{width:110vw;height:110vw}.site-footer{display:grid;gap:var(--s4)}.site-footer a:last-child{justify-self:start;margin-top:var(--s4)}.story .small-serif{font-size:1.4rem}.motion-toggle{left:var(--s4)}.menu-links a{font-size:clamp(3rem,10vw,5rem)}}
@media(max-width:400px){.hero{min-height:700px}.hero-copy p{font-size:1rem;max-width:20rem}.hero-art{top:13vh;width:145vw;right:-48vw}.demo-window{padding:var(--s4)}.demo-header{gap:var(--s2)}.demo-label{font-size:.7rem}.approval-buttons{flex-direction:column}.story .section-label{flex-direction:column}.sensor-values strong{font-size:1.4rem}.sensor-values small{font-size:.75rem}.vision-title{font-size:2.25rem}.story-title{font-size:2rem}}
@media(max-width:768px){:root{--font-hero:clamp(3.3rem,10.8vw,5rem)}.hero-copy{width:calc(100% - var(--gutter) * 2)}.hero-copy p{max-width:calc(100% - var(--s12))}.hero h1{line-height:1.02}}
.feature-selector button>span:nth-child(2){min-width:0}.feature-selector small{word-break:keep-all;overflow-wrap:anywhere}
.feature-selector button{padding-right:var(--s2)}.tab-mark{width:var(--s6);height:var(--s6);line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transform-origin:center}
.paused .chart-line{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.membrane{filter:none}.hero-art{transform:none!important}.vision-title span{color:var(--green)}.chart-line{stroke-dashoffset:0}}