:root{--ink:#101211;--paper:#f7f7f4;--amber:#ffad24;--muted:#777b76;--line:#d8dbd4;--font:'Manrope','IBM Plex Sans Thai',sans-serif;--scroll:0;--process:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:clip}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #cc7900;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{background:var(--amber);color:var(--ink)}.accent,.lime{color:var(--amber)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;background:var(--amber);color:var(--ink);padding:12px 20px;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:50;background:var(--amber);transform:scaleX(var(--scroll));transform-origin:left}
/* Navigation */
.header{height:86px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:30;background:#101211ef;color:white;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:29px;font-weight:800;letter-spacing:-1.4px;line-height:1}.brandmark{display:grid;place-items:center;width:38px;height:38px}.brandmark img{width:38px;height:38px;object-fit:contain}.header nav{display:flex;align-items:center;gap:30px;font-size:14px}.header nav>a{transition:color .2s}.header nav>a:hover{color:var(--amber)}.nav-cta{display:flex;align-items:center;gap:18px;border:1px solid #ffffff55;border-radius:30px;padding:12px 19px}.tiny-dot{width:6px;height:6px;background:var(--amber);border-radius:50%;display:inline-block}.menu-button{display:none;border:0;background:transparent;color:white;padding:12px}.menu-button span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0;transition:transform .3s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
/* Hero: a business idea becomes a working system */
.hero{min-height:780px;height:calc(100svh - 86px);max-height:1050px;position:relative;isolation:isolate;color:white;background:var(--ink);overflow:hidden}.hero-art{position:absolute;right:-10%;top:0;width:79%;height:100%;z-index:-2;will-change:transform;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.art-drift{height:100%;animation:art-drift 14s ease-in-out infinite alternate}.hero-art img{width:100%;height:100%;object-fit:cover;filter:hue-rotate(-55deg) saturate(.8);opacity:.92}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101211 0%,#101211f2 16%,#101211a8 39%,#10121100 78%),linear-gradient(0deg,#101211 0%,#10121100 42%);z-index:-1;pointer-events:none}.hero-copy{padding:65px 0 220px 7%;max-width:850px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;line-height:1.7}.eyebrow.light{color:#b6bcb7}h1{font-size:clamp(45px,4.9vw,80px);font-weight:500;line-height:1.3;letter-spacing:-1.8px;margin:24px 0 28px}.headline-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.headline-line>span{display:block;animation:headline-enter 1.1s cubic-bezier(.16,1,.3,1) both}.headline-line:nth-child(2)>span{animation-delay:.12s}.headline-line:nth-child(3)>span{animation-delay:.24s}.hero-identity{font-size:17px;font-weight:500;margin-bottom:10px;color:#f4f5f2}.hero-description{font-size:16px;line-height:1.85;color:#b5bcb6;max-width:560px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px;animation:fade-rise 1s .4s both}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:4px;padding:16px 26px;font-size:15px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s;position:relative}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0002}.amber-button{background:var(--amber);color:var(--ink)}.amber-button:hover{background:#ffc66c}.text-link{font-size:14px;border-bottom:1px solid #ffffff50;padding:6px 0;transition:color .2s}.text-link:hover{color:var(--amber)}.system-story{position:absolute;bottom:100px;right:7%;width:min(550px,43%);border-top:1px solid #ffffff30;padding-top:20px;animation:fade-rise 1s .5s both}.story-caption{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1.4px;color:#a8b3aa;margin-bottom:22px}.story-stages{display:flex;align-items:center}.story-stages>div{flex-shrink:0;display:flex;align-items:center;gap:10px}.stage-node{border:1px solid #ffffff45;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#171a16;color:#bbb;animation:stage-glow 8s ease-in-out infinite}.story-stages>div:nth-of-type(2) .stage-node{animation-delay:1.6s}.story-stages>div:nth-of-type(3) .stage-node{animation-delay:3.2s}.story-stages p{font-size:14px}.story-stages small{display:block;font-size:10px;color:#979e97}.stage-link{flex:1;min-width:14px;height:1px;background:#ffffff25;margin:0 12px;position:relative;overflow:hidden}.stage-link:after{content:'';position:absolute;inset:0;background:var(--amber);transform:translateX(-110%);animation:signal-pass 4s ease-in-out infinite}.stage-link:nth-of-type(2):after{animation-delay:1.6s}.hero-bottom{position:absolute;bottom:29px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:1.2px;color:#b4bbb5}.hero-bottom>a{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:0}.scroll-line{height:26px;width:1px;background:#ffffff33;overflow:hidden;position:relative}.scroll-line:after{content:'';position:absolute;width:1px;height:10px;background:var(--amber);animation:scroll-tick 1.6s infinite}.motion-toggle{border:1px solid #ffffff30;background:#141713;color:#b8c0b8;border-radius:30px;padding:8px 12px;font-size:12px;letter-spacing:0}
/* Continuous branded ribbon: images, never platform emoji */
.ticker{background:var(--amber);overflow:hidden;padding:13px 0}.ticker-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.ticker-group{display:flex;align-items:center;gap:42px;padding-right:42px;flex-shrink:0}.ticker-group>span{font-size:19px;letter-spacing:-.4px;font-weight:800;white-space:nowrap}.ticker-group img{width:60px;height:60px;object-fit:contain;flex-shrink:0;animation:ribbon-turn 8s ease-in-out infinite}.ticker:hover .ticker-track{animation-play-state:paused}
/* Shared section layout */
.section-pad{padding:100px 7%}.offer-plus{margin-left:auto;font-size:27px;font-weight:400}
/* Shared section headings */
.section-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.section-note{text-align:right;font-size:14px;color:#737a6e;line-height:1.8}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin:34px 0 60px}.section-heading h2{font-weight:500;font-size:clamp(35px,3.8vw,60px);letter-spacing:-1.5px;line-height:1.35}.section-heading>p{font-size:16px;color:#737a6e;line-height:1.9;max-width:420px;padding-bottom:5px}.deliverable{border-left:2px solid var(--amber);padding-left:15px;margin:20px 0 19px}.deliverable>span{font-size:12px;color:#806438}.deliverable p{font-size:14px;line-height:1.8;margin-top:3px}
/* AI product demos */
.products{background:#131713;color:white;overflow:hidden}.products .section-heading>p{color:#9da697}.pill{border:1px solid #675236;border-radius:30px;padding:8px 16px;color:#d7b282;font-size:13px;white-space:nowrap}.product-heading{align-items:center;margin-bottom:55px}.product-heading-copy{flex:1}.product-heading-copy>p{font-size:16px;color:#a4aea0;line-height:1.9;margin-top:22px}.ai-brand-tile{width:250px;height:250px;object-fit:contain;margin-right:3%;animation:tile-float 7s ease-in-out infinite}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.product-label{font-size:12px;letter-spacing:1.2px;color:var(--amber)}.product-detail h3{font-size:37px;font-weight:500;line-height:1.45;letter-spacing:-1px;margin:20px 0}.product-detail>p{font-size:16px;line-height:1.9;color:#a9b3a5;min-height:120px}.product-tabs{display:flex;gap:3px;padding:5px;border-radius:8px;background:#292b24;margin-top:25px}.product-tabs button{flex:1;border:0;background:none;color:#b9c2b4;padding:12px 6px;border-radius:5px;font-size:13px;white-space:nowrap;transition:background .3s,color .3s}.product-tabs button[aria-selected=true]{background:var(--amber);color:var(--ink);font-weight:700}.product-points{list-style:none;padding:0;margin:26px 0;min-height:116px}.product-points li{font-size:14px;color:#c2ccbd;line-height:1.8;margin:11px 0;padding-left:20px;position:relative}.product-points li:before{content:'+';color:var(--amber);position:absolute;left:0}.white-button{background:white;color:var(--ink)}.product-footnote{display:block;font-size:12px;color:#98a48f;line-height:1.8;margin-top:16px}.product-detail.is-changing h3,.product-detail.is-changing>p,.product-detail.is-changing .product-points{animation:fade-rise .4s both}.bot-window{background:#f4f5f0;color:var(--ink);border-radius:16px;box-shadow:0 36px 80px #0005;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateZ(1.5deg);transition:transform .6s,border-color .4s;border:1px solid #64705a55}.bot-window:hover,.bot-window:focus-within{transform:perspective(1000px) rotateY(0) rotateZ(0);border-color:#ffad2480}.bot-top{display:flex;align-items:center;gap:10px;padding:20px;background:white;border-bottom:1px solid #dfe5d9}.bot-avatar{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center}.bot-avatar img{width:54px;height:54px;object-fit:contain}.bot-top strong{font-size:15px}.bot-top small{display:block;font-size:12px;color:#707c66;line-height:1.6;margin-top:3px}.window-dots{margin-left:auto;font-size:25px;color:#88967c}.bot-messages{display:flex;flex-direction:column;gap:13px;height:320px;overflow-y:auto;padding:23px;scroll-behavior:smooth}.bot-msg{padding:14px 17px;font-size:14px;line-height:1.85;border-radius:0 13px 13px;background:white;border:1px solid #e0e7d8;max-width:94%;animation:fade-rise .4s both}.user-msg{background:#ffe0ad;border-color:#ffe0ad;align-self:flex-end;border-radius:13px 0 13px 13px}.demo-source{font-size:12px;padding:12px 14px;background:#e6eadf;border-left:2px solid #82936e;color:#536246;line-height:1.8;animation:fade-rise .4s both}.quick-questions{display:flex;gap:7px;flex-wrap:wrap;padding:0 22px 17px}.quick-questions button{border:1px solid #d9c4a4;color:#775329;background:transparent;border-radius:30px;padding:7px 11px;font-size:12px;transition:background .2s}.quick-questions button:hover{background:#fff0d8}.bot-input{display:flex;padding:14px;background:white;gap:10px;border-top:1px solid #e1e5da}.bot-input input{min-width:0;flex:1;padding:8px;border:0;background:none;font-size:14px}.bot-input button{padding:9px 17px;border:0;border-radius:5px;color:var(--amber);background:var(--ink);font-size:14px}.bot-bottom{padding:10px 15px 15px;background:white;color:#74826a;text-align:center;font-size:10px;letter-spacing:1px}
/* A timeline that fills with the reader's progress */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;--process:1}.motion-ready .steps{--process:0}.process-track{position:absolute;top:20px;left:0;right:calc(25% - 7px);height:1px;background:#c7cdc0;overflow:hidden}.process-track>span{display:block;height:100%;background:#c07814;transform:scaleX(var(--process));transform-origin:left;transition:transform .1s linear}.step{position:relative}.step-number{position:relative;display:grid;place-items:center;width:41px;height:41px;border:1px solid #b7c0ae;background:var(--paper);border-radius:50%;font-size:12px;transition:background .4s,color .4s,border-color .4s}.step.is-active .step-number{background:var(--amber);border-color:var(--amber);color:var(--ink)}.step-en{font-size:11px;letter-spacing:1.1px;color:#7b8772;display:block;margin:27px 0 9px}.step h3{font-size:23px;font-weight:500;letter-spacing:-.6px}.step>p{font-size:14px;color:#747e6c;line-height:1.9;margin:14px 0 22px;min-height:80px}.step-output{border-top:1px solid var(--line);padding-top:15px}.step-output>span{display:block;font-size:12px;color:#886537;margin-bottom:6px}.step-output strong{font-size:14px;line-height:1.8;font-weight:500}.principle{margin-top:85px;padding-top:40px;border-top:1px solid var(--line)}.principle p{font-size:clamp(22px,2.7vw,40px);font-weight:400;line-height:1.8;letter-spacing:-1px;margin-top:20px;color:#8c9584}.principle strong{font-weight:500;color:var(--ink)}.principle-separator{color:#c9cfbf;margin:0 22px;font-family:Manrope,sans-serif}
/* The useful next step */
.contact{background:#ffb738;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:clamp(40px,4.5vw,70px);line-height:1.3;letter-spacing:-1.5px;font-weight:500;margin:26px 0}.contact h2>span{color:#8f4c08}.contact-heading>p{max-width:420px;font-size:16px;line-height:1.9;color:#644216}.brief-note{display:flex;align-items:flex-start;gap:15px;margin-top:35px}.brief-note>span{font-size:25px;border:1px solid #956024;width:29px;height:29px;display:grid;place-items:center;line-height:1}.brief-note strong{font-size:15px;font-weight:600}.brief-note small{display:block;font-size:13px;line-height:1.8;color:#77501c;margin-top:5px}.brief-form{align-self:center}.brief-form label{font-size:14px;font-weight:500;display:block;margin-bottom:22px}.brief-form input,.brief-form select,.brief-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #af792f;background:transparent;padding:11px 0;font-size:16px;border-radius:0;color:var(--ink)}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#88632c}.brief-form textarea{resize:vertical}.brief-form select option{background:var(--paper)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.dark-button{width:100%;justify-content:space-between;background:var(--ink);color:white}.form-status{font-size:14px;line-height:1.8;min-height:25px;margin-top:14px}footer{background:var(--ink);color:white;padding:48px 7% 25px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top p{font-size:14px;line-height:1.9;color:#a4ad9d}.footer-top>a:last-child{font-size:14px}.footer-word{font-size:16vw;letter-spacing:-.075em;font-weight:800;line-height:1.2;color:#30372c;white-space:nowrap;margin:25px -.04em}.footer-bottom{border-top:1px solid #343c2c;padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#99a48d}
/* Motion: whole Thai lines, scroll-linked sequence, quiet depth */
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .85s cubic-bezier(.2,.7,.3,1),transform .85s cubic-bezier(.2,.7,.3,1)}.motion-ready .reveal.visible,.motion-ready .reveal:focus-within{opacity:1;transform:none}.motion-ready .bot-window.visible{transform:perspective(1000px) rotateY(-5deg) rotateZ(1.5deg)}.motion-ready .bot-window:hover,.motion-ready .bot-window:focus-within{transform:none}.steps .step:nth-of-type(2){transition-delay:.08s}.steps .step:nth-of-type(3){transition-delay:.16s}.steps .step:nth-of-type(4){transition-delay:.24s}@keyframes headline-enter{from{opacity:0;transform:translateY(115%) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes fade-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes art-drift{from{transform:scale(1.01) translateY(0) rotate(-1deg)}to{transform:scale(1.055) translateY(-8px) rotate(1deg)}}@keyframes stage-glow{0%,16%,100%{background:#171a16;color:#c2c8c0;border-color:#ffffff45;box-shadow:0 0 0 #ffad2400}28%,44%{background:var(--amber);color:var(--ink);border-color:var(--amber);box-shadow:0 0 22px #ffad2420}60%{background:#171a16;color:#c2c8c0}}@keyframes signal-pass{0%,15%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}@keyframes scroll-tick{from{transform:translateY(-10px)}to{transform:translateY(30px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes ribbon-turn{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes tile-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(5deg)}}
@media(min-width:1700px){.section-pad,.header,footer{padding-left:max(7%,calc((100vw - 1460px)/2));padding-right:max(7%,calc((100vw - 1460px)/2))}.hero-copy{padding-left:max(7%,calc((100vw - 1460px)/2));max-width:calc((100vw - 1460px)/2 + 830px)}}
@media(max-width:1100px){.header nav{gap:18px;font-size:13px}.nav-cta{padding:10px 14px}.hero-copy{padding-top:68px;max-width:760px}h1{font-size:58px}.hero-art{right:-25%;width:98%}.hero:after{background:linear-gradient(90deg,#101211f8 0%,#101211bd 45%,#10121130 100%),linear-gradient(0deg,#101211,transparent 40%)}.system-story{width:47%;right:6%;bottom:93px}.story-caption{font-size:9px}.story-stages p{font-size:12px}.story-stages small{font-size:9px}.stage-node{width:28px;height:28px;font-size:10px}.stage-link{margin:0 7px;min-width:8px}.story-stages>div{gap:6px}.hero-bottom{left:6%;right:6%}.hero-bottom>span{font-size:10px}.section-heading{gap:30px}.product-layout{gap:5%}.product-tabs button{font-size:11px}.ai-brand-tile{width:210px;height:210px;margin-right:0}.bot-top{padding:16px 12px}.bot-top strong{font-size:14px}.bot-top small{font-size:11px}.steps{gap:20px}.step h3{font-size:20px}.step>p{min-height:106px}.principle-separator{margin:0 14px}.contact{gap:7%}}
@media(max-width:760px){html{scroll-padding-top:82px}.header{height:72px;padding:0 6%}.brand{font-size:26px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;padding:25px 6%;background:#151914;border-bottom:1px solid #58644d;font-size:16px;gap:23px}.header nav.open{display:flex}.nav-cta{justify-content:space-between}.menu-button{display:block}.hero{height:auto;min-height:1010px;max-height:none}.hero-copy{padding:42px 6% 475px;max-width:none}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.3px}h1{font-size:clamp(35px,8.9vw,61px);letter-spacing:-1px;line-height:1.36;margin:24px 0}.hero-identity{font-size:14px;max-width:460px;margin-bottom:11px}.hero-description{font-size:15px;line-height:1.85;max-width:470px}.desktop-break{display:none}.hero-actions{gap:22px;margin-top:25px}.button{font-size:14px;padding:15px 20px}.text-link{font-size:13px}.hero-art{width:145%;height:550px;right:-23%;top:auto;bottom:58px;opacity:.95}.hero-art img{object-fit:cover}.hero:after{background:linear-gradient(180deg,#101211 0%,#101211 41%,#10121190 55%,#10121100 69%,#101211a6 81%,#101211 98%)}.system-story{width:auto;left:6%;right:6%;bottom:103px;backdrop-filter:blur(9px);padding:18px 16px;background:#151a15a8;border:1px solid #ffffff25;border-radius:7px}.story-caption{font-size:9px;margin-bottom:17px;gap:8px;letter-spacing:1px}.story-stages>div{gap:7px}.stage-node{width:26px;height:26px;font-size:9px}.story-stages p{font-size:12px}.story-stages small{font-size:9px}.stage-link{margin:0 7px}.hero-bottom{bottom:25px;flex-wrap:wrap;gap:14px}.hero-bottom>span{display:none}.hero-bottom>a{font-size:12px}.motion-toggle{font-size:11px;padding:7px 10px}.ticker{padding:9px 0}.ticker-group{gap:24px;padding-right:24px}.ticker-group>span{font-size:16px}.ticker-group img{width:47px;height:47px}.section-pad{padding:66px 6%}.eyebrow{font-size:11px;letter-spacing:1.3px}.section-note{font-size:12px;line-height:1.8}.section-heading{display:block;margin:28px 0 36px}.section-heading h2{font-size:36px;line-height:1.4;letter-spacing:-1px}.section-heading>p{margin-top:21px;max-width:none;font-size:15px}.deliverable{margin:19px 0}.pill{font-size:11px;padding:7px 10px}.product-heading{display:flex;align-items:start;position:relative;margin-top:35px}.product-heading-copy h2{font-size:33px;padding-right:10px}.product-heading-copy>p{font-size:15px;max-width:490px;padding-right:14px}.ai-brand-tile{width:100px;height:100px;position:absolute;right:-21px;top:-72px}.product-layout{grid-template-columns:1fr;gap:42px}.product-detail h3{font-size:32px;margin:20px 0 15px}.product-detail>p{min-height:0;font-size:16px}.product-label{font-size:11px}.product-tabs button{font-size:12px;padding:12px 4px}.product-points{min-height:0}.product-points li{font-size:14px}.product-footnote{font-size:12px}.bot-window,.motion-ready .bot-window.visible{transform:none}.bot-top{padding:17px 14px}.bot-top strong{font-size:14px}.bot-top small{font-size:11px}.bot-avatar,.bot-avatar img{width:46px;height:46px}.bot-messages{padding:20px;height:305px}.quick-questions{padding:0 20px 17px}.bot-msg{font-size:14px;max-width:96%}.steps{display:block;padding-left:0}.step{display:grid;grid-template-columns:42px 1fr;gap:0 23px;padding:0 0 35px}.step-number{grid-row:1/5;width:39px;height:39px}.step-en{margin:4px 0 9px;font-size:11px}.step h3{font-size:23px}.step>p{min-height:0;font-size:15px;line-height:1.85;margin:10px 0 17px}.step-output{grid-column:2;padding-top:12px}.step-output strong{font-size:14px}.process-track{left:19px;top:0;bottom:50px;right:auto;height:auto;width:1px}.process-track>span{width:1px;height:100%;transform:scaleY(var(--process));transform-origin:top}.principle{margin-top:17px;padding-top:27px}.principle p{font-size:25px;letter-spacing:-.6px;line-height:1.8;margin-top:18px}.principle-separator{display:block;height:8px;overflow:hidden;visibility:hidden}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:46px;letter-spacing:-1.4px}.contact-heading>p{font-size:16px}.brief-note{margin-top:24px}.brief-note small{font-size:12px}.brief-form label{font-size:14px;margin-bottom:23px}.form-row{gap:20px}footer{padding:40px 6% 24px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:24px}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:13px}.footer-word{font-size:16vw;margin:27px -.03em}.footer-bottom{font-size:10px;letter-spacing:.3px}.motion-ready .bot-window{transform:translateY(25px)}}
@media(max-width:370px){.hero-actions{gap:15px}.hero-actions .button{padding:14px 16px}.hero-actions .text-link{font-size:12px}.system-story{padding:16px 11px}.story-stages p{font-size:11px}.story-stages small{font-size:8px}.stage-link{margin:0 5px}.stage-node{width:23px;height:23px}.section-heading h2{font-size:32px}.product-tabs button{font-size:11px}.bot-top small{font-size:10px}.window-dots{display:none}.contact h2{font-size:41px}.form-row{grid-template-columns:1fr;gap:0}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal,.motion-paused .headline-line>span,.motion-paused .hero-actions,.motion-paused .system-story,.motion-paused .bot-msg,.motion-paused .demo-source,.motion-paused .product-detail.is-changing h3,.motion-paused .product-detail.is-changing>p,.motion-paused .product-detail.is-changing .product-points{opacity:1!important;transform:none!important;animation:none!important}.motion-paused .hero-art,.motion-paused .art-drift{transform:none!important}.motion-paused .steps{--process:1!important}.motion-paused .step-number{background:var(--amber);border-color:var(--amber)}.motion-paused .reveal{transition:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal,.motion-ready .bot-window.visible{opacity:1;transform:none}.hero-art,.art-drift{transform:none!important;will-change:auto}.bot-messages{scroll-behavior:auto}.steps{--process:1!important}.step-number{background:var(--amber);border-color:var(--amber)}.motion-toggle{display:none}}

/* Final narrow-screen review: preserve space for the brand tile and stages. */
@media(max-width:760px){.product-heading{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0;margin-top:20px}.ai-brand-tile{position:static;align-self:flex-end;width:106px;height:106px;margin:0 -5px 4px}.product-heading-copy h2{padding-right:0}.story-stages>div{flex:1 1 0;min-width:0;flex-direction:column;gap:7px;text-align:center}.story-stages p{line-height:1.65}.story-stages small{white-space:nowrap}.stage-link{flex:0 0 18px;margin:0 6px;align-self:flex-start;margin-top:13px}.system-story{padding-top:16px;padding-bottom:16px}}

/* Process section surface */

.deliverable{background:#dbe0d357;border-left-color:#d58a21;border-radius:0 6px 6px 0;padding:11px 15px}
.approach{background:linear-gradient(125deg,#30362b,#1f251e);color:#f0f3ea;position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #ffad2455}.approach:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#1c231d99,#1c231ddd),url('assets/hero.webp');background-size:cover;background-position:center right;opacity:.32;filter:hue-rotate(-55deg)}.approach>.section-top>.eyebrow{color:#efbd75}.approach .section-note,.approach .section-heading>p{color:#b4bea9}.approach .muted{color:#ffbd5e}.approach .process-track{background:#71816570}.approach .process-track>span{background:#ffb844;box-shadow:0 0 16px #ffb84480}.approach .step-number{background:#2d3528;color:#f2c27c;border-color:#70845c}.approach .step.is-active .step-number{color:var(--ink);background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 6px #ffad2410}.approach .step-en{color:#c0ac88}.approach .step>p{color:#b8c3ad}.approach .step-output{border-color:#a9b89535;background:#ffffff04;padding:15px 13px;border-radius:0 0 7px 7px}.approach .step-output>span{color:#edb86e}.approach .step-output strong{color:#e4ebda}.approach .principle{border-color:#a9b89538}.approach .principle>.eyebrow{color:#a6b499}.approach .principle p{color:#c0cbb5}.approach .principle strong{color:#ffbb58}.approach .principle-separator{color:#68785a}.motion-paused .approach .step-number{background:var(--amber);border-color:var(--amber);color:var(--ink)}
@media(max-width:1100px){}
@media(max-width:760px){.deliverable{padding:10px 12px}.approach .step-output{padding:13px}.approach:before{background-position:64% center;opacity:.2}}
@media(max-width:370px){}
@media(prefers-reduced-motion:reduce){.approach .step-number{background:var(--amber);border-color:var(--amber);color:var(--ink)}}

/* A continuous studio statement and capability index. */
.studio-about,.expertise{background:#171a17;color:#f4f5f0}
.studio-about{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:82px;padding-bottom:80px;align-items:start}
.studio-statement>.eyebrow{color:#b8c0b1;font-size:12px;letter-spacing:1.2px}
.studio-statement h2{font-size:clamp(38px,3.6vw,58px);font-weight:500;line-height:1.36;letter-spacing:-1.2px;margin-top:27px}
.studio-statement h2>span{color:#ffb845}
.studio-context{padding-top:42px;max-width:520px}
.studio-context>p{font-size:17px;line-height:1.9;color:#b9c1b3;font-weight:400}
.studio-context>p strong{color:#f4f5f0;font-weight:600}
.studio-starts{display:grid;margin-top:25px;border-top:1px solid #ffffff22}
.studio-starts a{font-size:15px;padding:15px 0;border-bottom:1px solid #ffffff22;position:relative;transition:color .2s,padding .25s}
.studio-starts a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.studio-starts a:hover,.studio-starts a:focus-visible{color:#ffbd58;padding-left:7px}
.studio-starts a:hover:after,.studio-starts a:focus-visible:after{transform:scaleX(1)}
.expertise{position:relative;display:grid;grid-template-columns:.78fr 1.8fr;gap:8%;padding-top:75px;padding-bottom:90px}
.expertise:before{content:'';position:absolute;top:0;left:7%;right:7%;height:1px;background:#ffffff22}
.expertise-intro{position:sticky;top:124px;align-self:start}
.expertise-intro>.eyebrow{color:#d2ad77}
.expertise-intro h2{font-size:clamp(34px,3.25vw,50px);font-weight:500;line-height:1.4;letter-spacing:-1px;margin-top:25px}
.expertise-intro h2>span{color:#ffb845}
.expertise-intro>p{font-size:16px;line-height:1.9;color:#aeb9a6;margin-top:22px}
.expertise-caption{font-size:10px;line-height:1.8;letter-spacing:1.4px;color:#7e8f73;margin-top:42px;max-width:210px}
.expertise-list{min-width:0;border-top:1px solid #67715f}
.expertise-item{border-bottom:1px solid #ffffff24;scroll-margin-top:110px}
.expertise-item h3{font-weight:400}
.expertise-trigger{display:grid;grid-template-columns:32px 1fr 28px;gap:20px;width:100%;padding:26px 0;align-items:start;text-align:left;background:none;border:0;color:inherit;border-radius:0}
.expertise-number{font-size:12px;font-weight:500;line-height:1.8;color:#7d8c72;padding-top:3px;transition:color .25s}
.expertise-title{min-width:0;display:block}
.expertise-en{display:block;font-size:11px;font-weight:500;letter-spacing:1.4px;line-height:1.8;color:#8e9e82;margin-bottom:6px}
.expertise-name{display:inline-block;position:relative;font-size:clamp(25px,2.2vw,33px);line-height:1.5;letter-spacing:-.5px;font-weight:500;color:#eef2e7;transition:color .25s}
.expertise-name:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:#ffb845;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.expertise-summary{display:block;font-size:15px;font-weight:400;line-height:1.85;color:#aeb9a6;margin-top:11px;max-width:530px}
.expertise-indicator{position:relative;width:26px;height:26px;margin-top:23px;flex-shrink:0}
.expertise-indicator:before,.expertise-indicator:after{content:'';position:absolute;background:#a6b19b;transition:transform .25s,background .25s}
.expertise-indicator:before{width:16px;height:1px;left:5px;top:12px}
.expertise-indicator:after{width:1px;height:16px;left:12px;top:5px}
.expertise-trigger:hover .expertise-name,.expertise-trigger:focus-visible .expertise-name{color:#ffbd58}
.expertise-item.is-open .expertise-number,.expertise-item.is-open .expertise-name{color:#ffb845}
.expertise-item.is-open .expertise-name:after{transform:scaleX(1)}
.expertise-item.is-open .expertise-indicator:after{transform:scaleY(0)}
.expertise-item.is-open .expertise-indicator:before{background:#ffb845}
.expertise-panel{display:grid;grid-template-rows:1fr;opacity:1}
.disclosures-ready .expertise-panel{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .26s ease,opacity .2s ease,visibility .26s}
.disclosures-ready .expertise-item.is-open .expertise-panel{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
.expertise-panel-inner{overflow:hidden;min-height:0}
.expertise-detail{margin-left:52px;padding:0 30px 27px 0}
.expertise-detail ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:7px}
.expertise-detail li{font-size:14px;line-height:1.85;color:#c7d0bf;position:relative;padding-left:15px}
.expertise-detail li:before{content:'';position:absolute;left:0;top:.85em;width:4px;height:4px;background:#d2a563}
.expertise-outcome{font-size:14px;line-height:1.9;color:#b7c2ac;max-width:520px}
.expertise-outcome>span{display:block;font-size:12px;color:#e2bc85;margin-bottom:3px}
.expertise-cta{display:inline-block;font-size:14px;line-height:1.8;margin-top:20px;padding-bottom:3px;border-bottom:1px solid #c6a16a;color:#f3cf98;transition:color .2s,border-color .2s}
.expertise-cta:hover{color:white;border-color:white}
.motion-paused .expertise-panel,.motion-paused .expertise-name:after,.motion-paused .expertise-indicator:after{transition:none}
@media(max-width:1100px){.studio-about{gap:7%;grid-template-columns:1.1fr 1fr}.studio-statement h2{font-size:44px}.studio-context>p{font-size:16px}.expertise{grid-template-columns:.85fr 1.65fr;gap:6%}.expertise-intro h2{font-size:38px}.expertise-trigger{grid-template-columns:26px 1fr 22px;gap:16px}.expertise-name{font-size:27px}.expertise-detail{margin-left:42px;padding-right:20px}}
@media(max-width:760px){.studio-about{grid-template-columns:1fr;gap:24px;padding-top:50px;padding-bottom:49px}.studio-statement>.eyebrow{font-size:10px;letter-spacing:1px}.studio-statement h2{font-size:36px;line-height:1.4;letter-spacing:-.8px;margin-top:20px}.studio-context{padding-top:0;max-width:none}.studio-context>p{font-size:16px;line-height:1.9}.studio-starts{margin-top:24px}.studio-starts a{font-size:15px;padding:15px 0}.expertise{grid-template-columns:1fr;gap:30px;padding-top:47px;padding-bottom:57px}.expertise:before{left:6%;right:6%}.expertise-intro{position:static}.expertise-intro h2{font-size:34px;line-height:1.4;margin-top:20px}.expertise-intro>p{font-size:15px;margin-top:15px;max-width:350px}.expertise-intro>p br{display:none}.expertise-caption{display:none}.expertise-trigger{padding:22px 0;grid-template-columns:23px 1fr 22px;gap:12px}.expertise-number{font-size:11px}.expertise-en{font-size:10px;letter-spacing:1px}.expertise-name{font-size:26px;line-height:1.5;letter-spacing:-.5px}.expertise-summary{font-size:14px;margin-top:9px;line-height:1.85}.expertise-indicator{width:22px;height:22px;margin-top:23px}.expertise-detail{margin-left:35px;padding:0 13px 25px 0}.expertise-detail ul{gap:7px;margin-bottom:18px}.expertise-detail li,.expertise-outcome{font-size:14px}.expertise-cta{font-size:14px}.expertise-item{scroll-margin-top:94px}}
@media(max-width:370px){.studio-statement h2{font-size:32px}.expertise-intro h2{font-size:32px}.expertise-name{font-size:23px}.expertise-trigger{grid-template-columns:21px 1fr 18px;gap:9px}.expertise-detail{margin-left:30px;padding-right:0}.expertise-indicator{width:18px}.expertise-indicator:before{left:2px}.expertise-indicator:after{left:9px}}

/* Brief form: distinct labels, calm focus, and inline validation. */
.brief-form{min-width:0}
.brief-form .form-guide{font-size:13px;line-height:1.7;color:#65451f;margin:0 0 20px}
.brief-form .required-mark{color:#7d2918;margin-left:3px;font-weight:600}
.brief-form .form-guide .required-mark{margin:0 5px 0 0}
.brief-form .form-row{gap:18px;align-items:start}
.brief-form .form-field{min-width:0;margin-bottom:12px}
.brief-form .form-field>label{font-size:14px;line-height:1.8;font-weight:600;margin:0 0 8px;display:block;color:#31260f}
.brief-form .field-optional{font-size:12px;font-weight:400;color:#6a4c28;margin-left:3px}
.brief-form .form-control{display:block;width:100%;min-width:0;min-height:54px;border:1px solid #9e783d;border-radius:10px;background:#fff2d8;padding:14px 16px;color:#28261e;font-size:16px;line-height:1.6;outline:none;outline-offset:0;box-shadow:0 1px 1px #7b4a0905;transition:border-color .18s,box-shadow .18s,background-color .18s;-webkit-appearance:none;appearance:none;scroll-margin-top:110px}
.brief-form .form-control:hover{border-color:#7a582a;background:#fff6e6}
.brief-form .form-control:focus,.brief-form .form-control:focus-visible{outline:none;border-color:#5d441f;background:#fffaf0;box-shadow:0 0 0 3px #79531c28}
.brief-form .form-control::placeholder{color:#7c6849;opacity:1;font-weight:400}
.brief-form textarea.form-control{min-height:146px;resize:vertical}
.brief-form select.form-control{padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%235d441f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px}
.brief-form .form-control[aria-invalid=true]{border-color:#a03424;background-color:#fff2e8;box-shadow:0 0 0 1px #a0342410}
.brief-form .form-control[aria-invalid=true]:focus,.brief-form .form-control[aria-invalid=true]:focus-visible{border-color:#912e20;background-color:#fff7ef;box-shadow:0 0 0 3px #a0342424}
.brief-form .field-error{font-size:13px;color:#7d2416;line-height:1.65;min-height:22px;margin:6px 0 0;padding:0 2px}
.brief-form .form-field:has(select){margin-bottom:22px}
.brief-form .dark-button{justify-content:center;min-height:55px;border-radius:10px;font-size:15px;margin-top:2px}
.brief-form .dark-button:hover{transform:none;background:#2a3025;box-shadow:0 5px 18px #5e3a0e20}
.brief-form .dark-button:focus-visible{outline:2px solid #49341b;outline-offset:4px;box-shadow:0 0 0 2px #fff0d1}
.brief-form .form-status{font-size:13px;line-height:1.8;color:#4e3a1d;margin-top:12px;min-height:24px}
.brief-form .form-status[data-state=error]{color:#7d2416}
@media(max-width:520px){.brief-form .form-row{grid-template-columns:1fr;gap:0}.brief-form .form-control{padding:13px 14px;border-radius:9px}.brief-form select.form-control{padding-right:44px;background-position:right 14px center}.brief-form .form-field{margin-bottom:9px}.brief-form .form-field:has(select){margin-bottom:20px}.brief-form .dark-button{border-radius:9px}.brief-form .field-error{font-size:13px}.brief-form .form-control{scroll-margin-top:94px}}