:root{--cream:#faf7f1;--paper:#fffefb;--sage:#e5eadf;--sage2:#d7e0d1;--green:#526b5e;--dark:#293d32;--text:#45554a;--muted:#738074;--line:#daddd1;--serif:"Noto Serif CJK SC","Songti SC","STSong","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;color:var(--text);background:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2{color:var(--dark);font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:1.35}h1{font-size:clamp(44px,5.2vw,74px)}h2{font-size:clamp(32px,3.5vw,48px)}h3{color:var(--dark);font-size:21px;font-weight:600;line-height:1.55;letter-spacing:-.02em}em{font-style:normal;color:var(--green)}p{color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}button{background:none;border:0}img,video{display:block;max-width:100%}img{height:auto}svg.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #8fa98a;outline-offset:5px}::selection{background:#c8d5c1;color:var(--dark)}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.narrow{max-width:1040px}.section{padding:100px 0}.eyebrow,.section-label,.visual-label{font-size:11px;letter-spacing:.15em;line-height:1.7;color:var(--green);font-weight:600}.eyebrow{margin-bottom:23px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6d8865;margin-right:9px;vertical-align:middle}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:19px;margin-bottom:58px}.section-label span:last-child{letter-spacing:.08em;font-weight:400}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:48px}.section-intro>p{max-width:410px;font-size:15px;line-height:1.95}.section-intro .eyebrow{margin-bottom:17px}.caption,.small-note{font-size:12px;color:var(--muted);line-height:1.9}.small-note{margin-top:19px}.caption{margin-top:20px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:32px}.button{display:inline-flex;gap:22px;justify-content:center;align-items:center;border:1px solid transparent;padding:13px 22px;border-radius:7px;font-size:14px;line-height:1.6;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:var(--paper)}.button.primary:hover{background:#3c5547}.button.quiet{border-color:var(--line);background:transparent;color:var(--green)}.button.quiet:hover{background:var(--sage)}.button.paper{background:var(--cream);color:var(--dark)}.button.outline-light{color:var(--cream);border-color:#829282}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--green);padding:0;border-bottom:1px solid #a6b1a0}.text-link:hover{color:var(--dark)}.reading-progress{height:2px;background:var(--green);position:fixed;top:0;left:0;width:0;z-index:100}.site-header{height:87px;border-bottom:1px solid rgba(78,99,72,.13);position:sticky;top:0;background:rgba(250,247,241,.95);z-index:30;backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;gap:28px}.wordmark{display:flex;align-items:center;gap:12px;margin-right:auto}.wordmark>.icon{width:29px;height:29px;color:var(--green)}.wordmark>span{font-weight:600;line-height:1.5;font-size:20px;letter-spacing:.08em;color:var(--dark)}.wordmark small{display:block;font-size:8px;letter-spacing:.14em;font-weight:400}.primary-nav{display:flex;gap:29px;font-size:13px}.primary-nav a{position:relative;padding:8px 0}.primary-nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;width:19px;height:2px;background:var(--green)}.primary-nav a:hover{color:#183b24}.nav-contact{display:flex;gap:10px;align-items:center;padding:9px 16px;border:1px solid var(--line);font-size:13px;border-radius:5px}.nav-contact .icon{width:16px}.nav-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8ba380;vertical-align:top;margin-top:6px}.menu-toggle{display:none}.skip{position:fixed;left:10px;top:-100px;background:var(--dark);color:white;padding:10px;z-index:1000}.skip:focus{top:10px}.hero{padding:59px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:643px}.hero h1{font-size:clamp(44px,4.7vw,66px);line-height:1.34}.hero-lead{margin-top:26px;line-height:2;font-size:16px}.hero-proof{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.04em;color:var(--muted);max-width:410px}.hero-visual{height:630px;position:relative;isolation:isolate}.visual-orbit{position:absolute;top:65px;left:0;right:-60px;height:490px;background:var(--sage);border-radius:50% 45% 38% 40%;transform:rotate(-11deg);z-index:-1}.visual-orbit:after{content:"";position:absolute;inset:-25px 22px 18px -20px;border:1px solid #cdd8c7;border-radius:50%;transform:rotate(-10deg)}.visual-label{position:absolute;left:24px;top:8px;font-size:9px}.hero-phone-back{position:absolute;width:245px;left:3px;top:68px;transform:rotate(-9deg);filter:drop-shadow(0 25px 20px #3d51351d)}.hero-phone-front{position:absolute;width:260px;right:0;top:101px;transform:rotate(9deg);filter:drop-shadow(0 25px 20px #3d513526)}.device{width:100%;height:auto}.visual-tag{position:absolute;bottom:20px;left:0;display:flex;gap:13px;align-items:center;background:var(--paper);border:1px solid #e4e6dc;padding:15px 21px;border-radius:12px;box-shadow:0 16px 50px #30483c10}.tiny-sprout{display:grid;place-items:center;width:40px;height:40px;background:var(--sage);border-radius:10px}.tiny-sprout .icon{width:25px;height:25px;color:var(--green)}.visual-tag strong{font-size:16px;color:var(--dark)}.visual-tag small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.visual-credit{position:absolute;right:0;bottom:0;font-size:8px;letter-spacing:.12em;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:var(--muted);padding-top:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.featured{padding-top:70px}.featured-layout{display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:center}.featured-stage{background:#e9ede3;border-radius:220px 220px 20px 20px;min-height:640px;position:relative;padding:35px 20px 30px;display:flex;justify-content:center;align-items:center}.feature-phone{width:240px;filter:drop-shadow(0 22px 22px #354e3329)}.stage-note{position:absolute;top:24px;left:36px;font-size:9px;letter-spacing:.1em;color:var(--green)}.mini-proof{position:absolute;bottom:48px;right:-25px;background:var(--paper);border:1px solid var(--line);padding:18px 26px;border-radius:10px;font-size:22px;font-family:var(--serif);box-shadow:0 14px 30px #39482f0b;color:var(--dark)}.mini-proof span{display:block;font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:5px}.featured-copy>p:not(.eyebrow):not(.small-note){font-size:15px;line-height:2;margin-top:23px}.featured-copy h2{font-size:36px}.case-facts{margin-top:30px;border-top:1px solid var(--line)}.case-facts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.case-facts span{color:var(--muted)}.case-facts strong{font-weight:500;color:var(--dark)}.film-section{background:var(--paper)}.film-switch{display:flex;align-items:center;gap:8px;margin-bottom:18px}.film-switch button,.gallery-filters button{padding:8px 17px;border:1px solid var(--line);border-radius:30px;font-size:12px}.film-switch button.active,.gallery-filters button.active{background:var(--green);color:white;border-color:var(--green)}.film-switch .text-link{margin-left:auto;font-size:12px}.film-frame{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--cream);box-shadow:0 16px 50px #32492e0c}.film-frame video{width:100%;aspect-ratio:16/9}.video-chapters{display:grid;grid-template-columns:repeat(7,1fr);margin-top:20px;gap:10px}.video-chapters button{border-top:1px solid var(--line);text-align:left;padding:11px 0;font-size:11px;line-height:1.65}.video-chapters button span{display:block;font-size:10px;color:var(--muted);letter-spacing:.1em}.video-chapters button:hover,.video-chapters button.active{border-color:var(--green);color:var(--green)}.film-note{max-width:940px;font-size:11px}.transcript{font-size:12px;margin-top:13px;color:var(--muted)}summary{cursor:pointer}details p{margin-top:12px;line-height:1.9}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.decision-card{border-top:1px solid var(--line);padding:29px 0 0;display:block}.decision-card>span{font-size:10px;letter-spacing:.1em;color:var(--green)}.decision-card h3{margin-top:19px;margin-bottom:15px}.decision-card p{font-size:14px;line-height:1.95}.decision-card b{font-size:11px;font-weight:500;display:block;margin-top:24px;color:var(--green)}.decision-card:hover h3{color:var(--green)}.about{background:#eff1e9}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}.about-grid>div>p:not(.eyebrow){margin-top:25px;line-height:2;font-size:14px}.skills{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.skills span{font-size:10px;border:1px solid #cad3c3;padding:5px 11px;border-radius:20px;color:var(--green)}.experience-list article{padding:23px 0;border-top:1px solid #cfd7c9}.experience-list article:first-child{padding-top:0;border-top:0}.experience-list article>span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.experience-list article h3{font-size:18px;margin-top:9px}.experience-list article p{font-size:13px;margin-top:11px;line-height:1.9}.contact-panel{background:var(--green);color:var(--cream);padding:62px 70px;border-radius:22px;position:relative;overflow:hidden}.contact-panel:after{content:"";position:absolute;width:330px;height:480px;right:0;top:-70px;border:1px solid #8ba185;border-radius:50%;transform:rotate(38deg);opacity:.3;pointer-events:none}.contact-panel .eyebrow,.contact-panel h2,.contact-panel em,.contact-panel p{color:var(--cream)}.contact-panel h2{font-size:43px}.contact-panel p:not(.eyebrow){font-size:14px;margin-top:23px;color:#dce4d9}.contact-mail{display:block;color:#d4dfd0;font-size:11px;margin-top:26px}.site-footer{padding:29px 0;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.04em;color:var(--muted)}.footer-mark{display:flex;align-items:center;gap:8px}.footer-mark .icon{width:17px;height:17px}.footer-mark span{margin-left:4px}.back-link{font-size:12px;color:var(--green);display:inline-block;margin-bottom:37px}.case-hero{text-align:center;padding-top:40px}.case-hero .back-link{display:block;text-align:left}.case-hero h1{font-size:58px}.case-subtitle{font-size:16px;margin-top:23px}.case-meta{display:flex;justify-content:center;gap:65px;margin-top:39px;font-size:11px}.case-meta>span{color:var(--muted)}.case-meta strong{display:block;margin-top:5px;color:var(--dark);font-weight:500}.case-hero-devices{display:flex;align-items:flex-start;justify-content:center;gap:40px;height:640px;overflow:hidden;position:relative;margin-top:50px;padding-top:45px;border-radius:160px 160px 0 0;background:#e9ede3}.case-hero-devices img{width:230px;filter:drop-shadow(0 18px 20px #314b351c)}.case-hero-devices img:nth-child(1){transform:rotate(-7deg);margin-top:55px}.case-hero-devices img:nth-child(2){width:255px}.case-hero-devices img:nth-child(3){transform:rotate(7deg);margin-top:55px}.case-visual-note{position:absolute;bottom:15px;font-size:10px;color:var(--muted);letter-spacing:.12em}.case-subnav{background:rgba(250,247,241,.97);border-block:1px solid var(--line);position:sticky;top:87px;z-index:20}.case-subnav .container{display:flex;justify-content:center;gap:43px;padding:15px 0;font-size:11px}.case-subnav a:hover{color:var(--green)}.large-copy{font-size:18px;line-height:2;margin-top:28px;max-width:850px}.journey-line{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid var(--line);margin-top:48px;padding:27px 0}.journey-line div span{color:var(--green);font-family:var(--serif);font-size:25px;display:block}.journey-line b{display:block;font-size:16px;color:var(--dark);font-weight:500}.journey-line small{color:var(--muted);font-size:11px}.journey-line i{font-style:normal;color:#a6b29e}.gallery-section{background:var(--paper)}.gallery-filters{display:flex;gap:9px;margin-bottom:35px;flex-wrap:wrap}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 27px}.screen-card{min-width:0}.screen-card.hidden{display:none}.screen-preview{height:443px;background:#eff1e9;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;padding:25px}.screen-preview>img{width:197px;max-height:100%;object-fit:contain;filter:drop-shadow(0 9px 9px #31472e21);transition:transform .3s}.screen-preview:hover>img{transform:translateY(-5px)}.screen-preview .zoom-label{position:absolute;right:12px;bottom:12px;background:var(--paper);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:32px;height:32px}.zoom-label .icon{width:17px;height:17px}.screen-card h3{font-size:17px;margin-top:17px}.screen-card p{font-size:12px;margin-top:6px;line-height:1.8;color:var(--muted)}.screen-card .text-link{font-size:11px;margin-top:10px}.interactive-teaser{background:var(--sage)}.interactive-teaser-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.interactive-teaser-grid>div>p:not(.eyebrow):not(.small-note){margin:26px 0 28px;font-size:15px;line-height:2}.teaser-screen{position:relative;display:flex;justify-content:center;height:550px}.teaser-screen .device{width:260px;object-fit:contain;filter:drop-shadow(0 15px 20px #334b312a)}.teaser-hotspot{position:absolute;bottom:63px;left:7px;display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--green);border:1px solid #becbb5;border-radius:8px;padding:10px 18px;font-size:12px}.decision-story{display:grid;grid-template-columns:.9fr 1.15fr;gap:80px;padding:45px 0;border-top:1px solid var(--line)}.story-number{font-family:var(--serif);font-size:40px;color:#a4b39a;line-height:1;display:block;margin-bottom:19px}.decision-story h3{font-size:25px;line-height:1.6;max-width:340px}.decision-story .eyebrow{font-size:10px;margin-bottom:12px}.decision-story p:not(.eyebrow){font-size:14px;line-height:2}.decision-story dl{font-size:13px;display:grid;grid-template-columns:42px 1fr;gap:11px 16px;margin-top:20px}.decision-story dt{color:var(--green);font-weight:600}.decision-story dd{margin:0;color:var(--muted)}.intent-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.intent-compare>span{display:block;font-size:12px;background:var(--sage);padding:14px;border-radius:10px}.intent-compare b{display:block;margin-top:8px;font-size:11px;color:var(--green);font-weight:500}.iteration{background:var(--paper)}.iteration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.iteration-grid article{border-top:1px solid var(--line);padding-top:24px}.iteration-grid article>span{font-size:11px;color:var(--green)}.iteration-grid article h3{margin-top:15px;font-size:20px}.iteration-grid article p{margin-top:14px;font-size:14px;line-height:2}.iteration-grid .text-link{margin-top:20px;font-size:12px}.iteration-grid .caption{display:block;font-size:11px;font-weight:400;color:var(--muted)}.evidence-note{border-left:3px solid var(--green);padding:22px 29px;background:var(--cream);margin-top:50px}.evidence-note strong{color:var(--dark);font-size:17px;font-weight:500}.evidence-note p{font-size:13px;margin-top:10px;line-height:2}.architecture{margin-top:25px;font-size:13px;color:var(--green)}.architecture-flow{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:11px}.architecture-flow span{padding:11px 16px;border:1px solid var(--line);border-radius:7px}.architecture-flow i{font-style:normal}.architecture p{font-size:12px;color:var(--muted)}.next-section{text-align:center}.next-section .actions{justify-content:center}.next-section .caption{max-width:760px;margin:25px auto 0}.demo-heading{padding-top:32px;padding-bottom:40px}.demo-heading h1{font-size:42px}.demo-heading>p:not(.eyebrow){font-size:14px;margin-top:20px}.demo-heading .eyebrow{margin-bottom:16px}.demo-heading .back-link{margin-bottom:25px}.demo-disclaimer{font-size:10px;color:var(--green);margin-top:20px}.demo-lab{display:grid;grid-template-columns:230px 320px 1fr;gap:45px;align-items:start;border-top:1px solid var(--line);padding-top:38px;padding-bottom:70px}.flow-sidebar{padding-top:15px}.flow-sidebar>.eyebrow{font-size:10px;margin-bottom:20px}#flowTabs{display:flex;flex-direction:column;gap:8px}.flow-tab{padding:13px 14px;border:1px solid transparent;border-radius:9px;text-align:left;font-size:14px;line-height:1.7}.flow-tab small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.flow-tab.active{background:var(--sage);border-color:#cad6c1;color:var(--dark)}.flow-tab>span{display:block;font-size:9px;letter-spacing:.13em;color:var(--green);margin-bottom:4px}.flow-explainer{font-size:12px;margin-top:42px;border-top:1px solid var(--line);padding-top:23px}.flow-explainer>span{font-size:9px;letter-spacing:.14em;color:var(--muted)}.flow-explainer p{margin-top:12px;line-height:2.2}.flow-explainer .text-link{font-size:10px;margin-top:18px;line-height:1.8}.demo-phone{background:#26362c;padding:16px 7px 8px;border:2px solid #bac5b3;border-radius:33px;box-shadow:0 18px 35px #334d3222;position:relative}.demo-earpiece{width:38px;height:2px;position:absolute;top:7px;left:calc(50% - 19px);background:#84927e;border-radius:2px}.demo-screen{border-radius:23px;overflow:hidden;position:relative;background:var(--cream);aspect-ratio:640/1320}.demo-screen>img{width:100%;height:100%;object-fit:contain}.hotspot{position:absolute;border:2px solid #769360;border-radius:7px;background:#a2bc8515;box-shadow:0 0 0 4px #c1d3ab35;min-height:28px}.hotspot span{position:absolute;top:calc(100% + 5px);left:0;white-space:nowrap;background:var(--green);border-radius:4px;font-size:9px;color:white;display:flex;align-items:center;gap:4px;padding:3px 7px}.hotspot span .icon{width:12px;height:12px}.hotspot:hover{background:#bcd6ab3a}.hotspot.final span{top:auto;bottom:calc(100% + 5px)}.demo-enlarge{margin:22px auto 0;display:flex;width:max-content;font-size:11px}.demo-device-column{width:100%;max-width:320px}.flow-content{padding-top:27px}.step-counter{font-family:var(--serif);font-size:39px;color:#9eaf93;display:block;margin-bottom:26px}.flow-content .eyebrow{font-size:9px;margin-bottom:12px}.flow-content h2{font-size:29px;line-height:1.5}.flow-content>p:not(.eyebrow):not(.caption):not(.sr-only){font-size:14px;line-height:2;margin-top:20px;min-height:83px}.product-note{padding:17px 20px;border-left:2px solid var(--green);background:var(--sage);margin-top:24px;border-radius:0 9px 9px 0}.product-note>span{font-size:10px;letter-spacing:.1em;color:var(--green);font-weight:600}.product-note p{font-size:12px;margin-top:8px;line-height:1.9}.step-dots{display:flex;gap:10px;margin-top:30px}.step-dots button{width:27px;height:27px;font-size:10px;border-radius:50%;border:1px solid var(--line);line-height:1}.step-dots button.active{background:var(--green);color:white;border-color:var(--green)}.flow-actions{display:flex;gap:10px;margin-top:20px}.flow-actions .button{padding:10px 14px;font-size:12px;gap:9px}.flow-content .caption{font-size:10px;line-height:1.85}.demo-clips{padding-bottom:90px}.demo-clips .section-label{margin-bottom:29px}.clip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.clip-card{padding:23px;background:var(--paper);border:1px solid var(--line);border-radius:12px;text-align:left;position:relative}.clip-card>span{display:block;font-size:9px;color:var(--green);letter-spacing:.1em}.clip-card strong{display:block;font-size:14px;color:var(--dark);margin-top:16px;font-weight:500}.clip-card p{font-size:10px;color:var(--muted);margin-top:7px}.clip-card>.icon{width:18px;height:18px;margin-top:17px}.clip-card:hover{background:var(--sage)}.image-dialog,.video-dialog{padding:0;background:var(--cream);border:1px solid #a5b29b;border-radius:16px;color:var(--dark);max-width:calc(100vw - 32px)}dialog::backdrop{background:rgba(20,35,24,.77);backdrop-filter:blur(7px)}.image-dialog{width:760px;height:91vh;max-height:95vh;overflow:hidden}.dialog-toolbar{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);font-size:12px}.dialog-toolbar>div{display:flex;align-items:center;gap:5px}.dialog-toolbar button{padding:4px 9px;border-radius:4px;font-size:13px}.dialog-toolbar button:hover{background:var(--sage)}.dialog-image-wrap{height:calc(100% - 102px);overflow:auto;padding:22px;display:flex;justify-content:center;align-items:flex-start;background:#e9ede3}.dialog-image-wrap img{height:100%;width:auto;object-fit:contain;max-width:100%;flex:none}.dialog-image-wrap.zoomed{display:block}.dialog-image-wrap.zoomed img{height:auto;width:640px;max-width:none;margin:auto}.dialog-caption{font-size:10px;text-align:center;line-height:44px}.video-dialog{width:440px;max-height:95vh;padding:24px;text-align:center}.dialog-x{position:absolute;right:9px;top:9px;background:var(--paper);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;z-index:2}.clip-shell{width:290px;margin:auto;border:7px solid #293d32;border-radius:24px;overflow:hidden}.clip-shell video{width:100%;max-height:70vh;aspect-ratio:524/1080;background:var(--paper)}.video-dialog>p{font-size:12px;margin-top:14px}.video-dialog .caption{font-size:10px;margin-top:4px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:var(--paper);font-size:12px;border-radius:8px;padding:11px 18px;opacity:0;pointer-events:none;z-index:200;transition:.2s;width:max-content;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body.modal-open{overflow:hidden}body:has(.case-subnav){scroll-padding-top:160px}
@media(min-width:1500px){.hero h1{font-size:70px}.hero-visual{height:650px}.hero-phone-front{width:270px}.hero-phone-back{width:250px}.hero-grid{gap:70px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.hero-grid{gap:20px}.hero-visual{height:570px}.hero-phone-front{width:222px;top:125px}.hero-phone-back{width:212px;left:0;top:72px}.visual-tag{bottom:7px;left:10px}.hero h1{font-size:55px}.featured-layout{gap:55px}.featured-stage{min-height:585px}.feature-phone{width:220px}.about-grid{gap:60px}.demo-lab{grid-template-columns:190px 280px 1fr;gap:27px}.flow-content h2{font-size:25px}.flow-actions .button{padding:9px 10px}.case-hero-devices{height:590px}.case-subnav .container{gap:30px}}
@media(max-width:860px){.container{width:calc(100% - 44px)}.section{padding:72px 0}.primary-nav{gap:17px;font-size:12px}.nav-inner{gap:17px}.nav-contact{display:none}.hero{padding-top:35px}.hero-grid{min-height:590px;grid-template-columns:1fr .9fr}.hero h1{font-size:45px}.hero-lead{font-size:14px}.hero .actions{gap:9px}.hero .button{font-size:12px;padding:11px 13px;gap:10px}.hero-visual{height:520px}.hero-phone-front{width:190px;top:143px;right:-10px}.hero-phone-back{width:185px;top:40px;left:-10px}.visual-orbit{height:380px;top:80px}.visual-tag{left:0;bottom:0;padding:10px 13px}.visual-tag strong{font-size:13px}.visual-tag small{font-size:8px}.visual-credit{bottom:-20px}.visual-label{left:0;top:-7px}.hero-proof{font-size:10px}.featured-layout{gap:36px}.featured-copy h2{font-size:31px}.featured-stage{min-height:555px}.section-label{margin-bottom:39px}.section-intro{gap:30px}.section-intro>p{font-size:13px;max-width:330px}.case-meta{gap:28px}.case-hero-devices{gap:15px;height:540px;border-radius:100px 100px 0 0}.case-hero-devices img{width:190px}.case-hero-devices img:nth-child(2){width:220px}.screen-gallery{gap:35px 16px}.screen-preview{height:354px;padding:20px 15px}.screen-preview>img{width:160px}.interactive-teaser-grid{gap:40px}.decision-story{gap:40px}.decision-grid{gap:25px}.decision-card h3{font-size:19px}.decision-card p{font-size:13px}.about-grid{gap:45px}.contact-panel{padding:46px}.video-chapters{grid-template-columns:repeat(4,1fr)}.demo-lab{grid-template-columns:270px 1fr;gap:35px}.flow-sidebar{grid-column:1/-1;padding-top:0}#flowTabs{flex-direction:row;gap:8px}.flow-tab{flex:1;font-size:12px}.flow-tab small{font-size:9px}.flow-explainer{display:none}.flow-content{padding-top:10px}.demo-device-column{max-width:270px}.clip-grid{grid-template-columns:repeat(2,1fr)}.demo-heading h1{font-size:37px}.case-subnav .container{gap:24px}.iteration-grid{gap:20px}.iteration-grid h3{font-size:18px!important}.footer-mark span{display:none}}
@media(max-width:640px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.site-header{height:72px}.nav-inner{gap:14px}.wordmark>span{font-size:18px}.wordmark small{font-size:7px}.wordmark>.icon{width:25px;height:25px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:36px;height:36px}.menu-toggle span{height:1px;width:22px;background:var(--dark)}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:16px 25px 22px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #34462f0c}.primary-nav.open{display:flex;flex-direction:column;gap:5px}.primary-nav a{padding:12px 0;font-size:14px}.primary-nav a[aria-current=page]:after{bottom:8px}.nav-contact{display:flex;margin-left:auto;padding:7px 10px;font-size:11px}.hero{padding-top:38px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy .eyebrow{font-size:9px;margin-bottom:23px}.hero h1{font-size:47px;line-height:1.33;letter-spacing:-.05em}.hero-lead{margin-top:25px;font-size:14px}.hero .actions{margin-top:26px;gap:10px}.hero .button{font-size:12px;padding:12px 16px;gap:13px}.hero-proof{margin-top:27px;padding-top:16px;gap:4px;font-size:9px}.hero-visual{height:510px;max-width:420px;width:100%;margin:8px auto 0}.hero-phone-front{width:205px;right:7px;top:75px}.hero-phone-back{width:195px;left:3px;top:28px}.visual-orbit{left:0;right:0;top:44px;height:375px}.visual-label{left:6px;top:-10px;font-size:8px}.visual-tag{left:0;bottom:4px}.visual-credit{right:5px;bottom:-16px;font-size:7px}.hero-bottom{padding-top:36px;font-size:8px}.section{padding:62px 0}.section-label{font-size:9px;margin-bottom:34px;padding-top:15px;gap:18px}.section-label span:last-child{font-size:9px}.featured-layout{display:flex;flex-direction:column-reverse;gap:36px;align-items:stretch}.featured-copy h2{font-size:35px}.featured-copy>p:not(.eyebrow):not(.small-note){font-size:14px;margin-top:20px}.case-facts{margin-top:25px}.case-facts>div{font-size:11px}.featured-stage{min-height:540px;border-radius:150px 150px 18px 18px}.feature-phone{width:224px}.mini-proof{bottom:30px;right:0;font-size:20px;padding:14px 19px}.stage-note{font-size:8px;left:24px}.section-intro{display:block;margin-bottom:30px}.section-intro h2{font-size:34px}.section-intro>p{margin-top:24px;max-width:100%;font-size:13px;line-height:1.9}.film-switch{gap:7px;flex-wrap:wrap}.film-switch button{font-size:10px;padding:8px 12px}.film-switch .text-link{margin-left:0;flex-basis:100%;width:max-content;flex-grow:0;border:0;margin-top:8px;font-size:10px}.film-frame{border-radius:10px}.video-chapters{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px}.video-chapters button{font-size:10px;padding-top:8px}.video-chapters button span{font-size:9px}.film-note{font-size:10px}.transcript{font-size:11px}.decision-grid{grid-template-columns:1fr;gap:30px}.decision-card{padding-top:20px}.decision-card h3{font-size:22px;margin-top:13px;margin-bottom:10px}.decision-card p{font-size:13px}.decision-card b{margin-top:16px}.about-grid{grid-template-columns:1fr;gap:40px}.about h2{font-size:35px}.experience-list article{padding:23px 0}.experience-list article:first-child{border-top:1px solid #cfd7c9;padding-top:23px}.contact-panel{padding:36px 25px;border-radius:16px}.contact-panel h2{font-size:31px}.contact-panel .eyebrow{font-size:8px}.contact-panel p:not(.eyebrow){font-size:12px}.contact-panel .button{font-size:11px;padding:11px 15px;gap:12px}.contact-mail{font-size:9px}.footer-row{flex-wrap:wrap;font-size:8px;gap:16px}.footer-mark{font-size:9px}.footer-row>span{order:3;width:100%;font-size:8px}.footer-row>a:last-child{margin-left:auto}.case-hero{padding-top:26px}.back-link{font-size:10px}.case-hero .back-link{margin-bottom:32px}.case-hero h1{font-size:40px}.case-subtitle{font-size:12px;margin-top:20px}.case-meta{gap:15px;flex-wrap:wrap;margin-top:26px;font-size:9px;justify-content:center}.case-meta>span:last-child{width:100%}.case-meta strong{font-size:10px}.case-hero-devices{height:366px;margin-top:28px;padding-top:30px;gap:9px;border-radius:85px 85px 0 0;overflow:hidden}.case-hero-devices img{width:135px;flex-shrink:0}.case-hero-devices img:nth-child(1){margin-left:-43px;margin-top:35px}.case-hero-devices img:nth-child(2){width:153px}.case-hero-devices img:nth-child(3){margin-right:-43px;margin-top:35px}.case-visual-note{font-size:8px;bottom:8px}.case-subnav{top:72px}.case-subnav .container{width:100%;justify-content:flex-start;overflow:auto;white-space:nowrap;padding:12px 20px;gap:23px;font-size:10px;scrollbar-width:none}.large-copy{font-size:14px;line-height:2}.journey-line{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0;margin-top:27px}.journey-line>i{display:none}.journey-line b{font-size:14px}.journey-line small{font-size:10px}.journey-line div span{font-size:24px}.gallery-filters{gap:6px;margin-bottom:24px}.gallery-filters button{font-size:10px;padding:7px 11px}.screen-gallery{grid-template-columns:1fr 1fr;gap:28px 12px}.screen-preview{height:300px;padding:17px 10px;border-radius:12px}.screen-preview>img{width:137px;max-width:100%}.screen-card h3{font-size:14px;margin-top:12px}.screen-card p{font-size:10px;line-height:1.85}.screen-card .text-link{font-size:10px}.zoom-label{width:25px!important;height:25px!important;right:6px!important;bottom:6px!important}.zoom-label .icon{width:14px}.interactive-teaser-grid{grid-template-columns:1fr;gap:35px}.interactive-teaser h2{font-size:34px}.interactive-teaser-grid>div>p:not(.eyebrow):not(.small-note){font-size:13px}.teaser-screen{height:500px}.teaser-screen .device{width:238px}.teaser-hotspot{bottom:44px;left:0;font-size:10px}.decision-story{grid-template-columns:1fr;gap:22px;padding:30px 0}.decision-story h3{font-size:25px;max-width:none}.story-number{font-size:32px;margin-bottom:15px}.decision-story p:not(.eyebrow){font-size:13px}.decision-story dl{font-size:12px;gap:10px 15px}.intent-compare{gap:7px}.intent-compare>span{font-size:11px;padding:12px}.iteration-grid{grid-template-columns:1fr;gap:30px}.iteration-grid article h3{font-size:21px!important}.iteration-grid article p{font-size:13px}.evidence-note{padding:18px 21px;margin-top:33px}.evidence-note strong{font-size:16px}.evidence-note p{font-size:12px}.next-section h2{font-size:31px}.next-section .button{font-size:11px;padding:12px 14px;gap:10px}.next-section .caption{font-size:10px}.demo-heading{padding-top:25px;padding-bottom:28px}.demo-heading h1{font-size:34px}.demo-heading>p:not(.eyebrow){font-size:12px;line-height:1.9}.demo-heading .eyebrow{font-size:9px}.demo-disclaimer{font-size:9px;line-height:1.9}.demo-lab{grid-template-columns:1fr;gap:28px;padding-top:24px;padding-bottom:50px}.flow-sidebar{grid-column:auto}.flow-sidebar>.eyebrow{margin-bottom:14px}#flowTabs{overflow:auto;gap:8px;padding-bottom:4px}.flow-tab{flex:0 0 145px;font-size:11px;padding:11px}.flow-tab small{font-size:9px}.flow-tab>span{font-size:8px}.demo-device-column{max-width:270px;margin:auto}.demo-screen{border-radius:21px}.demo-phone{border-radius:30px}.flow-content{padding-top:0;display:block}.step-counter{font-size:26px;margin-bottom:13px}.flow-content h2{font-size:28px}.flow-content>p:not(.eyebrow):not(.caption):not(.sr-only){font-size:13px;min-height:0;margin-top:16px}.product-note{margin-top:20px;padding:14px 17px}.step-dots{margin-top:20px}.flow-actions{margin-top:17px}.flow-content .caption{font-size:10px}.demo-clips{padding-bottom:60px}.clip-grid{gap:12px}.clip-card{padding:17px}.clip-card strong{font-size:12px}.clip-card p{font-size:9px}.clip-card>span{font-size:8px}.image-dialog{max-width:calc(100vw - 16px);height:90vh}.dialog-toolbar{padding:0 10px;font-size:10px;gap:8px}.dialog-toolbar>span{max-width:53%;line-height:1.6}.dialog-toolbar button{padding:4px 6px;font-size:11px}.dialog-toolbar .icon{width:18px}.dialog-image-wrap{padding:15px}.dialog-caption{font-size:8px;line-height:22px;padding:0 12px}.video-dialog{padding:20px;max-width:calc(100vw - 20px)}.clip-shell{max-width:100%;width:260px}.clip-shell video{max-height:70vh}.toast{font-size:11px}.caption{font-size:10px}}
@media(max-width:370px){.container{width:calc(100% - 30px)}.hero h1{font-size:41px}.hero-visual{height:460px}.hero-phone-front{width:182px;top:75px}.hero-phone-back{width:174px;top:25px}.visual-orbit{height:320px}.screen-preview{height:261px}.case-hero h1{font-size:35px}.hero .button{font-size:11px}.nav-contact{font-size:10px}.demo-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Prevent long mobile tab rows from widening the grid. */
.demo-lab>*{min-width:0}#flowTabs{min-width:0;max-width:100%}.flow-content{overflow-wrap:break-word}
@media(min-width:861px){.visual-credit{bottom:-17px}}

/* v2.1 / approved personal Vibe Coding portfolio adjustments */
.wordmark{min-width:225px}.wordmark small{font-size:10px;letter-spacing:.035em;color:var(--muted);font-weight:450;white-space:nowrap;margin-top:1px}
.hero-proof{font-size:12px;line-height:1.85}.hero-visual .visual-label,.hero-visual .visual-credit{display:none}
.about-capability{margin-top:30px;padding-top:23px;border-top:1px solid #cfd7c9}.about-capability .capability-kicker{color:var(--green);font-size:10px;letter-spacing:.13em;font-weight:600;margin:0 0 13px!important}.about-capability dl{display:grid;grid-template-columns:100px 1fr;gap:12px 14px;font-size:12px;line-height:1.75;margin:0}.about-capability dt{color:var(--dark);font-weight:600}.about-capability dd{margin:0;color:var(--text)}
.hotspot{box-shadow:0 0 0 2px rgba(82,107,94,.18);background:rgba(150,199,127,.08);border:2px solid #526b5e;min-height:0;transition:left .2s,top .2s,width .2s,height .2s}.hotspot:hover,.hotspot:focus-visible{background:rgba(150,199,127,.19)}.hotspot span{top:calc(100% + 6px);left:0;z-index:2;font-size:10px;padding:4px 8px;box-shadow:0 3px 12px rgba(44,68,52,.2);pointer-events:none}.hotspot.final span{bottom:calc(100% + 6px)}
@media(max-width:800px){.wordmark{min-width:0}.wordmark small{font-size:8px;white-space:normal;max-width:240px}.about-capability dl{grid-template-columns:85px 1fr}}
@media(max-width:640px){.wordmark>span{font-size:17px}.wordmark small{font-size:7px;line-height:1.3;max-width:180px}.hero-proof{font-size:10px}.about-capability dl{font-size:11px;grid-template-columns:77px 1fr;gap:9px 12px}.hotspot span{font-size:8px}}

.hotspot::before{content:"";position:absolute;inset:-9px;pointer-events:auto}