:root{--bg:#f5f4ef;--ink:#27332c;--muted:#73786f;--orange:#ef5b2a;--line:#dddfd4;--white:#fff;--sage:#e5e9dd;--accent:#ef5b2a;--module-bg:#ececdf;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#f4b49a;color:var(--ink)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,h4,p{margin:0}img{max-width:100%}button svg,a svg{transition:transform .25s var(--ease)}button:hover>svg,a:hover>svg{transform:translate(2px,-2px)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--ink);color:white;z-index:999}.skip-link:focus{top:10px}.header{height:96px;position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 4.6%;transition:background .3s,box-shadow .3s}.header.scrolled{background:rgba(245,244,239,.93);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(39,51,44,.08)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:32px;font-weight:750;letter-spacing:-1.8px;line-height:1}.brand-mark{width:32px;height:32px;position:relative;display:inline-block;background:var(--orange);border-radius:10px;flex-shrink:0}.brand-mark:before{content:'';position:absolute;border:4px solid var(--bg);width:13px;height:13px;left:5px;top:6px;border-radius:7px}.brand-mark:after{content:'';position:absolute;right:0;top:0;width:12px;height:15px;background:var(--bg);border-radius:0 0 0 4px}.brand-mark>span{width:7px;height:7px;position:absolute;top:1px;right:1px;background:var(--orange);border-radius:2px;z-index:1}.ai-badge{font-size:10px;letter-spacing:.4px;border:1px solid #bbc1b6;border-radius:5px;padding:4px 5px;align-self:flex-start;margin-top:1px}.desktop-nav{display:flex;gap:31px;margin-left:5%}.nav-link{font-size:13px;font-weight:500;padding:10px 0;display:inline-flex;align-items:center;gap:10px}.nav-link:hover{color:var(--orange)}.chevron{width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px);transition:.3s}.platform-toggle[aria-expanded=true] .chevron{transform:rotate(225deg)}.nav-right{display:flex;align-items:center;gap:29px}.btn{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;min-height:48px;border-radius:7px;padding:14px 20px;font-size:13px;font-weight:600;line-height:1.3;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 15px #27332c12}.btn svg{width:19px;height:19px}.btn-dark{background:var(--ink);color:#fff}.btn-orange{background:var(--orange);color:white}.btn-orange:hover{background:#da4e22}.btn-white{background:#fff;color:var(--ink)}.text-link{font-size:13px;display:flex;align-items:center;gap:9px}.text-link svg{width:14px;height:14px}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line)}.icon-button:hover{background:#ecefe5}.menu-toggle{display:none}.mega-menu{position:absolute;top:85px;left:4.6%;right:4.6%;padding:35px;background:#fff;border:1px solid var(--line);box-shadow:0 25px 45px #27332c13;border-radius:15px;display:grid;grid-template-columns:1fr 2fr;gap:45px}.mega-menu[hidden],.mobile-nav[hidden]{display:none}.mega-intro{border-right:1px solid var(--line);padding:10px 35px 10px 5px}.mega-intro h3{font-size:28px;letter-spacing:-1px;line-height:1.2;margin:20px 0 25px}.mega-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mega-item{display:flex;text-align:left;padding:14px;gap:13px;border-radius:8px}.mega-item:hover{background:var(--bg)}.mega-item>svg{margin-top:3px;color:var(--orange);width:23px;height:23px}.mega-item strong{font-size:14px;display:block;margin-bottom:7px}.mega-item small{color:var(--muted);font-size:11px;line-height:1.5;display:block}.story{height:690svh;position:relative}.story-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:var(--bg)}.story-topline{position:absolute;top:127px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#7c8275}.story-topline>span:first-child{display:flex;gap:8px;align-items:center}.live-dot{display:inline-block;width:6px;height:6px;background:#6b895f;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 3px #6b895f13}.story-copy{position:absolute;z-index:5;top:24%;left:6%;width:33%;max-width:510px;transition:opacity .18s,transform .45s var(--ease)}.chapter-label{font-size:10px;letter-spacing:1.5px;font-weight:600;display:flex;gap:11px;align-items:center;margin-bottom:23px}.chapter-label>span:first-child{color:var(--orange);font-size:11px;letter-spacing:.4px}.mini-line{height:1px;width:25px;background:#b6bcb0}.story-copy h1{font-size:clamp(55px,5.55vw,89px);line-height:.995;font-weight:500;letter-spacing:-4px}.story-copy h1 em{font-style:normal;color:var(--orange)}.story-copy>p{font-size:14px;line-height:1.8;max-width:355px;margin-top:26px;color:#74796e;letter-spacing:.05px}.story-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:27px}.story-actions .btn{font-size:12px;min-height:47px;gap:15px;padding:12px 17px}.skip-story{font-size:11px;color:#74796e;display:flex;gap:10px;align-items:center}.skip-story:hover{color:var(--orange)}.chapter-tags{display:flex;gap:11px;align-items:center;color:#858b7e;font-size:10px;margin-top:27px}.chapter-tags i{width:3px;height:3px;background:#959d8e;border-radius:100%}.scene-wrap{position:absolute;left:32%;right:-3.5%;height:79%;top:12%;z-index:2;pointer-events:none}.scene-wrap canvas{position:absolute;width:100%;height:100%;display:block;z-index:2}.scene-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:15px;font-size:12px;color:var(--muted);z-index:1;transition:opacity .4s}.scene-ready .scene-loading{opacity:0}.world-fallback{display:none;position:absolute;width:100%;height:100%;object-fit:contain}.no-webgl #world{display:none}.no-webgl .world-fallback{display:block}.no-webgl .scene-loading{display:none}.scene-orbit{position:absolute;border:1px solid #e5e7dc;border-radius:50%;width:72%;height:67%;top:16%;left:15%;transform:rotate(-19deg)}.orbit-two{width:80%;height:75%;left:11%;top:12%;border-style:dashed;border-color:#e9eadf}.scene-note{position:absolute;right:5.3%;top:21%;z-index:8;padding:17px 22px 17px 16px;min-width:253px;border:1px solid #e0e3d7;background:rgba(255,255,251,.93);backdrop-filter:blur(10px);border-radius:10px;display:flex;align-items:center;gap:13px;box-shadow:0 8px 30px #33442b06;transition:opacity .2s,transform .4s}.note-icon{width:37px;height:37px;border:1px solid #e0e4d7;background:#f0f2e8;border-radius:10px;display:flex;justify-content:center;align-items:center;color:#637853}.note-icon svg{width:19px}.scene-note small{font-size:7px;letter-spacing:1.4px;color:var(--muted);display:block;margin-bottom:7px}.scene-note strong{font-size:12px;display:block;font-weight:600;margin-bottom:5px}.scene-note div>span{font-size:10px;color:#87917f;display:block}.note-indicator{position:absolute;right:12px;top:12px;width:4px;height:4px;border-radius:50%;background:#70936a}.scene-coordinate{position:absolute;bottom:20.7%;left:52%;z-index:5;display:flex;align-items:center;gap:7px;font-family:monospace;font-size:8px;color:#909586;letter-spacing:1.7px}.scene-coordinate>i{width:4px;height:4px;background:var(--orange);border-radius:50%}.story-bottom{position:absolute;bottom:32px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;align-items:center;z-index:10}.scroll-hint{display:flex;gap:12px;align-items:center;width:170px;font-size:7.5px;line-height:1.7;letter-spacing:1px;color:#858e7b}.scroll-hint strong{font-weight:500;color:#65725c}.mouse{border:1px solid #adb5a3;border-radius:12px;width:19px;height:29px;display:block;position:relative}.mouse i{width:2px;height:5px;position:absolute;top:5px;left:7px;background:var(--orange);animation:scrollmouse 2s infinite}.chapter-nav{position:relative;display:flex;justify-content:space-between;width:550px;max-width:52%;padding-top:4px}.chapter-track{position:absolute;height:1px;background:#d9ddcf;top:12px;left:23px;right:28px;z-index:-1}.chapter-track span{width:0;display:block;height:100%;background:var(--orange);transition:width .12s linear}.chapter-dot{padding:0 4px;display:flex;gap:12px;align-items:center;flex-direction:column;min-width:43px}.chapter-dot>span{width:16px;height:16px;background:var(--bg);border:1px solid #cfd5c6;display:block;border-radius:50%;box-shadow:0 0 0 6px var(--bg);transition:.3s;position:relative}.chapter-dot>span:before{content:'';position:absolute;width:4px;height:4px;background:#bdc5b3;left:5px;top:5px;border-radius:50%}.chapter-dot.active>span{border-color:var(--orange)}.chapter-dot.active>span:before{background:var(--orange)}.chapter-dot small{font-size:9px;color:#8b9382;transition:.3s}.chapter-dot.active small{color:var(--orange)}.motion-button{font-size:9px;color:#848d7c;display:flex;align-items:center;gap:9px;min-width:118px;justify-content:flex-end}.pause-icon{border:1px solid #d1d7c8;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px}.motion-paused .mouse i{animation:none}.connection-strip{padding:28px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:45px;background:#edeFE6}.connection-strip>span{font-size:8px;letter-spacing:1.1px;white-space:nowrap;color:#808978}.connection-strip>div{display:flex;align-items:center;gap:20px;font-size:12px;width:100%;justify-content:space-between;white-space:nowrap}.connection-strip svg{width:14px;color:#a0a998}.connection-strip strong{color:var(--orange);font-weight:500}.section-pad{padding:112px 6%;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:48px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;line-height:1.7}.section-square{width:6px;height:6px;background:var(--orange);display:inline-block;border-radius:1px}.section-heading h2,.ai-copy h2{font-size:clamp(35px,3.5vw,57px);font-weight:500;line-height:1.11;letter-spacing:-2.3px;margin-top:21px}.section-heading h2>span,.ai-copy h2>span{color:#939b88}.section-heading>p{font-size:13px;line-height:1.85;max-width:340px;color:#7d8476;flex-basis:32%}.module-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #d9dfd0;margin-bottom:0;gap:8px}.module-tab{padding:22px 10px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;border-bottom:2px solid transparent;margin-bottom:-1px;color:#89917f;white-space:nowrap;transition:.3s}.module-tab svg{width:18px;height:18px}.module-tab:hover{color:var(--orange)}.module-tab[aria-selected=true]{color:var(--ink);border-color:var(--orange)}.module-showcase{display:grid;grid-template-columns:.87fr 1.35fr;gap:5%;padding:60px 0 35px;align-items:center;min-height:490px}.module-copy{max-width:390px}.module-index{font-family:monospace;font-size:9px;letter-spacing:1.2px;color:var(--orange)}.module-copy h3{font-size:36px;font-weight:500;line-height:1.18;letter-spacing:-1.25px;margin-top:17px}.module-copy>p{font-size:13px;color:#7d8573;line-height:1.85;margin-top:19px}.module-features{margin:25px 0 33px;display:grid;gap:14px}.module-features>span{display:flex;font-size:12px;align-items:center;gap:11px}.module-features svg{width:15px;height:15px;color:#929f84}.inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:600;line-height:1.4}.inline-link>svg{width:17px;height:17px}.circle-arrow{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #cdd4c1;border-radius:50%}.circle-arrow svg{width:13px}.module-product{padding:30px 28px 13px;border:1px solid #d8dfcf;background:var(--module-bg);border-radius:16px;position:relative;transition:background .4s}.product-window{background:#fff;border:1px solid #dbe1d2;border-radius:9px;box-shadow:0 15px 40px #3d502713;overflow:hidden;min-height:343px}.window-top{height:45px;border-bottom:1px solid #e9eee3;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.window-brand{display:flex;gap:4px;align-items:center;font-size:14px;letter-spacing:-.5px;font-weight:700}.window-brand small{font-size:7px;padding:2px;line-height:1;border:1px solid #d3dbca;border-radius:2px;margin-left:3px;align-self:flex-start}.tiny-mark{background:var(--orange);width:13px;height:13px;border-radius:4px;margin-right:3px}.window-top>div{display:flex;align-items:center;gap:7px;color:#94a085;font-size:8px}.window-top .live-dot{width:4px;height:4px}.avatar{width:21px;height:21px;background:#e4e9dc;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;margin-left:8px;color:#6b7a5c}.product-caption{font-size:8px;color:#869376;display:flex;align-items:center;gap:5px;margin-top:13px;justify-content:center}.small-dot{width:3px;height:3px;border-radius:50%;background:#8d9d7a}.module-ui{padding:22px 21px;min-height:294px}.ui-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.ui-title h4{font-size:15px;font-weight:600;letter-spacing:-.4px}.ui-title small{color:#8d987f;font-size:8px;white-space:nowrap}.ui-pill{font-size:7px;padding:5px 8px;background:#eef2e8;border-radius:4px;color:#748865;letter-spacing:.15px}.ui-pills{display:flex;gap:5px;margin-top:7px}.ui-pills>span{font-size:7px;background:#f0f2eb;border-radius:4px;padding:6px 9px;color:#8d987f}.ui-pills>span:first-child{background:#293b2c;color:#fff}.pos-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.pos-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pos-tile{border:1px solid #e7ecdf;border-radius:6px;overflow:hidden}.pos-dish{height:59px;background:#e9e6d7;display:flex;align-items:center;justify-content:center}.pos-dish:before{content:'';width:35px;height:35px;border:6px solid #fcfbf7;background:#bd885d;border-radius:50%;box-shadow:1px 3px 5px #75624424}.pos-tile:nth-child(2) .pos-dish{background:#e4e9dc}.pos-tile:nth-child(2) .pos-dish:before{background:#c7d8ad}.pos-tile:nth-child(3) .pos-dish{background:#efddcd}.pos-tile:nth-child(3) .pos-dish:before{background:#e8b677}.pos-tile:nth-child(n+4) .pos-dish{background:#e9e2d9}.pos-tile:nth-child(n+4) .pos-dish:before{width:22px;height:33px;border-radius:4px 4px 9px 9px;border:3px solid #faf6ea;background:#b17a52;transform:rotate(-6deg)}.pos-tile>div:last-child{padding:8px 6px;display:flex;flex-direction:column;gap:5px}.pos-tile b{font-size:7px;font-weight:500}.pos-tile small{font-size:6px;color:#8d987d}.pos-receipt{padding:12px;border:1px solid #e7ecdf;background:#fafbf7;border-radius:7px}.pos-receipt h4{font-size:9px;display:flex;justify-content:space-between;align-items:center}.pos-receipt>small{font-size:7px;color:#8d987d;display:block;margin-top:6px}.receipt-line{display:flex;gap:9px;justify-content:space-between;font-size:7px;color:#87937a;margin-top:13px;padding-top:9px;border-top:1px solid #e9eddf}.receipt-line b{font-size:7px;color:#536646;font-weight:500}.receipt-total{font-size:9px;display:flex;justify-content:space-between;margin-top:24px;padding:13px 0;border-top:1px dashed #ced7c0}.fake-button{display:block;padding:9px;border-radius:4px;background:var(--orange);color:#fff;font-size:8px;text-align:center;margin-top:6px}.ui-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:21px}.ui-stat{padding:14px 10px;background:#f3f5ed;border:1px solid #e7ecdf;border-radius:7px}.ui-stat>small{font-size:7px;color:#869378;display:block}.ui-stat>b{font-size:19px;font-weight:500;letter-spacing:-.5px;display:block;margin-top:9px}.ui-stat>span{display:block;font-size:6px;color:#7e946d;margin-top:7px}.ui-chart{height:140px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #dce3d3;padding:0 10px 1px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#eef1e8 34px,#eef1e8 35px)}.ui-chart>span{flex:1;background:#c6d3b9;border-radius:3px 3px 0 0;z-index:1;position:relative}.ui-chart>span:nth-last-child(-n+3){background:var(--orange)}.ui-chart>span>small{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:6px;color:#98a18b}.ui-table{width:100%;border-collapse:collapse;font-size:8px}.ui-table th{font-weight:500;color:#95a187;font-size:7px;padding:10px 5px;text-align:left;border-bottom:1px solid #edf0e8}.ui-table td{padding:12px 5px;border-bottom:1px solid #edf0e8;color:#657957}.ui-table td:first-child{color:#3d5230}.status{font-size:6px;background:#eaf1e1;border-radius:4px;padding:4px 6px;color:#77995a;white-space:nowrap}.status.orange{background:#fff1de;color:#bc9450}.status.purple{background:#eee8f4;color:#a08bb0}.kds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kds-column>h4{font-size:7px;padding:9px;background:#f2e5d0;border-radius:4px;margin-bottom:9px;color:#a0875b}.kds-column:nth-child(2)>h4{background:#e0e8f0;color:#7293ac}.kds-column:nth-child(3)>h4{background:#e0e9d6;color:#7f995f}.kds-ticket{border:1px solid #e4e9da;border-radius:6px;padding:13px 9px;background:#fbfcf8;margin-bottom:9px}.kds-ticket b{font-size:10px;display:flex;justify-content:space-between}.kds-ticket b>small{font-size:6px;color:#9aa68d;font-weight:400}.kds-ticket p{font-size:7px;margin-top:13px;line-height:1.8;color:#748665}.kds-ticket>small{font-size:6px;color:#bb9662;display:block;margin-top:12px}.marketing-banner{border-radius:7px;background:#f0e8ef;padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.marketing-banner>div>small{font-size:7px;color:#998397}.marketing-banner h4{font-size:17px;margin-top:6px;font-weight:500;letter-spacing:-.5px}.marketing-banner strong{font-size:32px;color:#b292af;letter-spacing:-1px}.hc-avatars{display:flex;margin:9px 0 18px}.hc-avatars>span{border:2px solid white;background:#e3d5c4;width:28px;height:28px;border-radius:50%;margin-right:-5px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#7d6b55}.hc-avatars>span:nth-child(2n){background:#d4dfcb;color:#64814f}.ui-ai-message{padding:18px;border:1px solid #e3e9da;border-radius:8px;background:#fafbf7;font-size:11px;line-height:1.8;color:#748b63}.ui-ai-message strong{font-size:12px;color:#536b42;display:block;margin-bottom:10px}.ui-ai-suggestion{padding:12px;margin-top:12px;background:#ecf2e6;border-radius:7px;font-size:9px;color:#648a45;display:flex;align-items:center;gap:7px}.platform-extras{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.platform-extras>span{display:flex;gap:8px;align-items:center;font-size:10px;color:#929d84}.platform-extras>span svg{width:16px;height:16px;color:#879676;margin-right:3px}.platform-extras b{color:#687a58;font-weight:500}.platform-extras .inline-link{font-size:10px}.workflow-section{background:#26372c;color:#f2f4ec}.workflow-section .eyebrow{color:#bdcbb4}.workflow-section .section-heading h2>span{color:#849880}.workflow-section .section-heading>p{color:#a5b5a0}.workflow-demo{border:1px solid #455943;border-radius:13px;overflow:hidden;background:#2c3e31}.order-console{padding:25px 30px 30px;border-bottom:1px solid #455943}.console-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;color:#a2b89a}.console-top>span{display:flex;gap:8px;align-items:center}.console-top small{font-size:8px;letter-spacing:0;color:#7e9876}.console-top .live-dot{background:#b2ce8d}.order-entry{display:flex;align-items:center;gap:25px;padding:27px 0 21px}.order-entry>div:nth-child(2){flex:1}.order-entry h3{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:9px 0}.order-entry p{font-size:10px;color:#94aa8a}.order-entry>strong{font-size:27px;font-weight:500;letter-spacing:-.9px;margin-right:10px}.order-tag{font-size:7px;color:#a8bf98;letter-spacing:1.2px}.food-art{width:95px;height:95px;background:#3f5440;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plate{display:block;position:relative;width:72px;height:72px;background:#eeeade;border-radius:50%;box-shadow:0 4px 10px #0e1e1766;border:4px solid #fffdf5}.food-rice{position:absolute;left:7px;top:12px;width:34px;height:35px;border-radius:50%;background:#fffbee;box-shadow:0 3px 5px #bcaa8b55}.food-chicken{position:absolute;right:5px;top:20px;width:24px;height:30px;border-radius:8px 15px 7px 14px;background:linear-gradient(120deg,#d6a164,#ac653e);transform:rotate(25deg)}.food-leaf{position:absolute;right:8px;top:6px;width:29px;height:20px;border-radius:4px 18px 4px 14px;background:#789760;transform:rotate(-30deg)}.food-sambal{position:absolute;left:17px;bottom:4px;width:25px;height:13px;background:#d96e46;border-radius:50%}.order-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.order-controls label{font-size:10px;color:#95ae89}.order-controls select{background:#24362a;color:#c7d5bf;border:1px solid #4a6245;border-radius:6px;font-size:11px;padding:13px 32px 13px 13px;outline-offset:3px;flex:1;min-width:200px}.order-controls .btn{font-size:11px;min-height:41px;padding:11px 17px;gap:21px}.reset-order{font-size:10px;color:#9eb293;padding:10px}.flow-grid{padding:32px 28px;display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.flow-node{border:1px solid #455b42;border-radius:7px;background:#2a3a2e;padding:17px 13px;min-height:123px;position:relative;transition:background .4s,border-color .4s,transform .4s}.flow-node:not(:last-child):after{content:'→';position:absolute;right:-11px;top:52px;font-size:10px;color:#7b9a6a;background:#2c3e31}.flow-node>svg{width:20px;height:20px;color:#8aab76;margin-bottom:15px}.flow-node h4{font-size:10px;font-weight:500;margin-bottom:8px}.flow-node p{font-size:8px;color:#7f9a72;line-height:1.6}.node-status{position:absolute;right:10px;top:12px;font-size:8px;color:#51694a}.flow-node.active{background:#344c32;border-color:#7caa5e;transform:translateY(-3px)}.flow-node.active .node-status{color:#b5d895}.flow-node.active svg{color:#d1e7bd}.flow-node.active p{color:#b2c9a5}.flow-node.processing{border-color:#f29165;background:#494731}.flow-node.processing svg{color:#fca97f}.flow-status{padding:19px 28px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #435a3e;font-size:9px;line-height:1.6;color:#a0b591}.flow-status>span:last-child{color:#d0dec6;white-space:nowrap}.ai-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-top:135px;padding-bottom:135px}.ai-copy h2{margin-top:26px}.ai-copy>p{font-size:13px;line-height:1.9;color:#7e8972;margin-top:26px;max-width:384px}.ai-principle{display:flex;align-items:flex-start;gap:13px;margin-top:32px}.ai-principle>svg{color:#9aab88;width:22px;height:22px}.ai-principle strong{display:block;font-size:11px;font-weight:500;margin:3px 0 7px}.ai-principle p{font-size:10px;color:#8f9a81;line-height:1.8}.ai-labels{display:flex;gap:9px;margin-top:25px}.ai-labels>span{font-size:9px;padding:7px 10px;border:1px solid #d6dfca;border-radius:4px;color:#899d75}.ai-chat{border:1px solid #d8e0cc;background:#fff;border-radius:13px;padding:23px;box-shadow:0 20px 80px #445a2c0a}.chat-top{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #edf1e7}.ai-avatar{background:#eef2e7;width:39px;height:39px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#94a881}.chat-top>div{flex:1}.chat-top strong{font-size:13px;font-weight:500;display:block;margin-bottom:6px}.chat-top small{font-size:9px;color:#929f84}.demo-pill{font-size:7px;padding:5px 6px;background:#edf0e5;color:#8da078;border-radius:4px;letter-spacing:.5px}.chat-content{height:237px;overflow:auto;padding:21px 0 5px;scrollbar-width:thin;scrollbar-color:#cfd9c3 transparent}.chat-bubble{font-size:11px;line-height:1.8;padding:16px;border:1px solid #e7eddc;background:#f6f8f0;border-radius:0 10px 10px 10px;margin-bottom:12px;max-width:95%}.chat-eyebrow{font-size:6px;letter-spacing:.8px;color:#97a788;display:block;margin-bottom:10px}.chat-bubble .chat-soft{font-size:10px;color:#94a286;margin-top:10px}.chat-bubble.user{margin-left:auto;width:fit-content;max-width:88%;background:#fceade;color:#bf6c45;border-color:#fae1d0;border-radius:10px 0 10px 10px;font-size:10px;padding:10px 14px}.chat-bubble strong{font-weight:600;color:#617a4e}.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}.chat-suggestions button{border:1px solid #dce5cf;border-radius:5px;padding:7px 9px;text-align:left;color:#8a9b7b;font-size:8px;display:flex;gap:11px;justify-content:space-between}.chat-suggestions button:hover{background:#f1f5e9;border-color:#a4ba8e}.chat-input{display:flex;align-items:center;border:1px solid #d8e2cb;border-radius:7px;background:#fff;padding:5px}.chat-input input{border:0;background:transparent;outline:none;min-width:0;flex:1;padding:10px;font-size:9px;color:#6d835b}.chat-input input::placeholder{color:#a0ad92}.chat-input button{width:32px;height:32px;border-radius:5px;background:#293c2b;color:#fff;display:flex;align-items:center;justify-content:center}.chat-input svg{width:15px;height:15px}.chat-disclaimer{font-size:7px;line-height:1.8;margin:10px 3px 0;color:#a7b19c}.business-section{border-top:1px solid var(--line);background:#eeF0e7}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.business-card{position:relative;text-align:left;border:1px solid #d8e0cc;background:#f7f8f2;border-radius:10px;padding:22px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.business-card:hover{transform:translateY(-6px);border-color:#adba9c;box-shadow:0 15px 25px #59713d0a}.business-num{font-family:monospace;font-size:9px;color:#adba9d}.business-card h3{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:500;letter-spacing:-.3px}.business-card h3 svg{width:16px;height:16px;color:#95a87e}.business-card p{font-size:10px;line-height:1.6;color:#94a083;margin-top:12px}.business-chips{font-size:7px;color:#879b70;display:block;margin-top:18px;padding-top:17px;border-top:1px solid #e0e6d5;white-space:nowrap}.business-art{height:145px;position:relative;margin:0 -10px 17px;display:flex;justify-content:center;align-items:center;perspective:500px}.coffee-cup{width:67px;height:73px;border-radius:9px 9px 25px 25px;background:linear-gradient(110deg,#f87942,#d65422);box-shadow:inset -8px -6px 16px #bd411424;position:relative;transform:rotate(-13deg) rotateY(-15deg);z-index:2}.coffee-cup:after{content:'';position:absolute;right:-23px;top:12px;width:20px;height:35px;border:8px solid #e8632e;border-left:0;border-radius:0 17px 17px 0}.coffee-cup>span{position:absolute;top:-8px;left:0;background:#f2ba8c;border:5px solid #fc9865;border-radius:50%;height:19px;width:67px;box-shadow:inset 0 3px 7px #a5562988}.coffee-cup>span:before{content:'';position:absolute;inset:1px 15px;background:#fff0d7;border-radius:50%}.coffee-saucer{position:absolute;width:121px;height:45px;bottom:17px;background:#e5ded0;border:3px solid #fff7e9;border-radius:50%;box-shadow:0 8px 16px #70694919;transform:rotate(-9deg)}.coffee-bean{width:17px;height:11px;border-radius:50%;position:absolute;background:#785d43;right:33px;bottom:26px;transform:rotate(-25deg);box-shadow:inset -2px -1px 2px #44311c77}.cloche{width:115px;height:71px;background:linear-gradient(110deg,#c5cfb8,#7c9664);border-radius:70px 70px 5px 5px;position:relative;transform:rotate(-9deg);z-index:2;box-shadow:inset -10px -7px 20px #52654625}.cloche>span{position:absolute;left:49px;top:-15px;width:16px;height:17px;background:linear-gradient(110deg,#d7dfcc,#8ea579);border-radius:5px 5px 1px 1px}.cloche-base{width:138px;height:12px;border-radius:50%;position:absolute;background:#718657;bottom:31px;transform:rotate(-9deg);box-shadow:0 12px 15px #485c2e17}.bread{position:relative;width:121px;height:71px;transform:rotate(-21deg);background:linear-gradient(145deg,#efc57b,#c98b45);border-radius:40px 35px 28px 30px;z-index:2;box-shadow:inset -5px -7px 10px #b579322e}.bread span,.bread i,.bread b{position:absolute;top:12px;left:26px;height:42px;width:9px;background:#f7d897;border-radius:50%;transform:rotate(-25deg);box-shadow:2px 0 2px #b67c43}.bread i{left:57px}.bread b{left:87px}.bread-shadow{position:absolute;width:131px;height:30px;background:#ddd9c9;border-radius:50%;bottom:19px;filter:blur(4px)}.mini-store{position:absolute;width:67px;height:55px;border-radius:5px 5px 2px 2px;background:linear-gradient(120deg,#e6ddd0,#cbbca5);transform:skewY(-9deg);box-shadow:8px 5px 0 #a9a990;z-index:2}.mini-store:before{content:'';height:18px;position:absolute;top:0;left:-2px;right:-2px;background:repeating-linear-gradient(90deg,#ef743b 0,#ef743b 9px,#f8e8cf 9px,#f8e8cf 18px);border-radius:4px 4px 0 0}.mini-store>span{position:absolute;left:10px;right:10px;top:25px;bottom:0;background:linear-gradient(90deg,#89a38b 0,#89a38b 45%,#d4c8b3 45%,#d4c8b3 52%,#91a994 52%)}.s-one{left:17px;top:52px;z-index:3}.s-two{left:66px;top:25px;transform:skewY(-9deg) scale(.85)}.s-three{right:5px;top:65px;transform:skewY(-9deg) scale(.95)}.cta-section{padding:45px 6% 75px;background:#eeF0e7}.cta-inner{background:var(--orange);border-radius:15px;padding:64px 62px;color:#fff5e8;display:flex;position:relative;align-items:center;justify-content:space-between;overflow:hidden;min-height:366px}.cta-inner>div:first-child{z-index:2;position:relative}.cta-inner .eyebrow{color:#ffba97;font-size:8px;letter-spacing:1.6px}.cta-inner h2{font-size:clamp(35px,3.7vw,61px);letter-spacing:-2.7px;font-weight:500;line-height:1.08;margin-top:23px}.cta-inner p{font-size:12px;color:#ffd0b8;margin-top:22px;line-height:1.8}.cta-inner .btn{font-size:11px;margin-top:27px;gap:30px}.cta-sculpture{width:260px;height:260px;position:relative;margin-right:15px;transform:rotate(-12deg)}.sculpture-o{position:absolute;width:180px;height:205px;border:49px solid #ff9e69;border-radius:60px;transform:rotateY(-15deg) rotateX(20deg);box-shadow:inset 8px 11px 18px #c7401566,17px 18px 0 #ce4518,22px 28px 22px #b1382433;top:22px;left:26px}.cta-sculpture>span{position:absolute;right:4px;top:-12px;width:65px;height:65px;background:#ffd2a2;border-radius:18px;transform:rotateY(-15deg) rotateX(20deg);box-shadow:10px 10px 0 #f78349,15px 20px 22px #9c301b33}.cta-sculpture>i{width:240px;height:2px;position:absolute;bottom:-18px;background:#f6834f;transform:rotate(-15deg);left:10px}.footer{padding:68px 6% 27px;background:var(--bg)}.footer-top{display:flex;justify-content:space-between;gap:60px}.footer-top>div:first-child>p{font-size:11px;color:#859675;margin-top:22px}.footer-parent{display:block;font-size:9px;color:#a2ad95;margin-top:12px}.footer-links{display:flex;gap:75px;flex-wrap:wrap}.footer-links>div{display:flex;flex-direction:column;gap:13px}.footer-links h4{font-size:9px;color:#516b42;margin-bottom:7px;font-weight:500}.footer-links button,.footer-links a{font-size:10px;color:#95a486;text-align:left;padding:0;font-weight:400}.footer-links button:hover,.footer-links a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dfe6d5;padding-top:25px;margin-top:70px;font-size:8px;color:#a2af93}.footer-bottom>a{color:#7c9069}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}dialog{border:1px solid var(--line);padding:0;border-radius:16px;background:var(--bg);color:var(--ink);max-height:90svh;box-shadow:0 25px 120px #0c291333;overscroll-behavior:contain;width:min(720px,94vw)}dialog::backdrop{background:#172c2266;backdrop-filter:blur(7px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:22px 29px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.dialog-header .eyebrow{color:#879778;font-size:8px;letter-spacing:1.4px}.dialog-header .icon-button{width:31px;height:31px}.dialog-header .icon-button svg{width:16px;height:16px}#detail-content{padding:30px}.detail-heading{font-size:36px;font-weight:500;letter-spacing:-1.3px;line-height:1.15;margin-bottom:17px}.detail-lead{font-size:13px;color:#859774;line-height:1.8;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-item{padding:20px;background:#fff;border:1px solid #dfe7d3;border-radius:8px}.detail-item h4{font-size:12px;font-weight:500;margin-bottom:10px}.detail-item p{font-size:11px;color:#879a75;line-height:1.75}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 30px;border-top:1px solid var(--line)}.dialog-footer small{font-size:8px;line-height:1.8;color:#8d9e7c;max-width:220px}.dialog-footer .btn{font-size:10px;gap:15px}.demo-dialog{width:min(730px,94vw)}.demo-dialog-copy{padding:30px 30px 0}.demo-dialog-copy h2{font-size:33px;font-weight:500;letter-spacing:-1.2px}.demo-dialog-copy p{font-size:12px;color:#879877;line-height:1.8;margin-top:11px}#demo-form{padding:26px 30px 30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.full-label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#6f855c}.form-grid input,.form-grid select,.full-label textarea{width:100%;background:white;border:1px solid #dbe3d0;border-radius:6px;padding:12px;font-size:11px;color:#607a4d;resize:vertical}.form-grid input::placeholder,.full-label textarea::placeholder{color:#a8b49b}.full-label{margin-top:19px}.form-note{display:flex;align-items:flex-start;gap:12px;background:#eaf0e2;border-radius:7px;padding:14px;margin-top:19px}.form-note svg{width:16px;height:16px;color:#91a37e}.form-note p{font-size:9px;line-height:1.8;color:#8a9c76}.form-note strong{font-weight:500;color:#6c8557}.submit-demo{width:100%;margin-top:20px;font-size:12px}#form-result{font-size:11px;line-height:1.8;color:#719053;margin-top:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--ink);color:#f4f6ee;z-index:999;padding:14px 23px;border-radius:8px;font-size:11px;max-width:85%;box-shadow:0 5px 35px #14281433;transition:.3s;line-height:1.6}.toast.show{opacity:1;transform:translate(-50%,0)}.no-script{padding:25px;background:#fce0c7;position:fixed;bottom:0;left:0;right:0;z-index:999;font-size:12px;text-align:center}@keyframes scrollmouse{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(8px);opacity:1}}@keyframes blink{50%{opacity:.3}}
@media(min-width:1600px){.header{height:112px}.story-topline{top:150px}.story-copy{top:25%}.story-copy>p{font-size:16px;max-width:390px}.story-actions .btn{font-size:14px;min-height:54px}.story-bottom{bottom:43px}.scene-note{top:25%;right:8%;transform:scale(1.13)}.section-pad{padding:130px max(6%,calc((100vw - 1450px)/2))}.footer{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}
@media(max-height:760px) and (min-width:901px){.story-stage{min-height:620px}.story-topline{top:108px}.story-copy{top:22%}.chapter-label{margin-bottom:16px}.story-copy h1{font-size:clamp(49px,4.8vw,68px);letter-spacing:-3px}.story-copy>p{font-size:12px;line-height:1.7;margin-top:18px;max-width:330px}.story-actions{margin-top:18px}.chapter-tags{margin-top:17px}.scene-coordinate{bottom:19%}.scene-note{top:19%;transform:scale(.91);transform-origin:right top}.story-bottom{bottom:23px}}
@media(max-width:1100px){.desktop-nav{gap:18px;margin-left:0}.nav-right{gap:14px}.desktop-only{display:none}.scene-wrap{left:31%;right:-9%;top:18%;height:72%}.story-copy{left:5%;width:36%}.story-copy h1{font-size:62px;letter-spacing:-3.5px}.story-copy>p{font-size:12px;max-width:285px}.scene-note{right:4.5%;top:23%;transform:scale(.86);transform-origin:right top}.scene-coordinate{left:53%;font-size:6px}.story-actions{gap:12px}.skip-story{font-size:9px}.connection-strip{gap:25px}.connection-strip>div{font-size:10px;gap:10px}.connection-strip>span{font-size:7px}.section-pad{padding:85px 5%}.module-tab{font-size:10px;gap:7px}.module-tab svg{width:16px}.module-showcase{gap:5%;grid-template-columns:.85fr 1.3fr}.module-copy h3{font-size:30px}.module-product{padding:20px 18px 10px}.module-ui{padding:18px 15px}.pos-menu-grid{gap:5px}.pos-layout{gap:10px}.pos-receipt{padding:9px}.pos-tile b{font-size:6px}.platform-extras>span{font-size:8px}.platform-extras>span svg{width:14px}.ai-section{gap:6%}.business-grid{gap:12px}.business-card{padding:18px}.business-card h3{font-size:15px}.business-card p{font-size:9px}.business-chips{font-size:6px}.business-art{transform:scale(.9)}.flow-grid{padding:25px 20px;gap:9px}.flow-node{padding:14px 10px}.flow-node h4{font-size:9px}.flow-node p{font-size:7px}.footer-links{gap:40px}.cta-inner{padding:50px}.cta-sculpture{transform:rotate(-12deg) scale(.9)}}
@media(max-width:800px){html{scroll-padding-top:80px}.header{height:78px;padding:0 5%}.brand{font-size:28px;gap:8px}.brand-mark{width:28px;height:28px;border-radius:9px}.brand-mark:before{width:11px;height:11px;top:5px;left:4px;border-width:4px}.brand-mark:after{width:11px;height:13px}.brand-mark>span{width:6px;height:6px}.desktop-nav{display:none}.header .btn{min-height:39px;font-size:10px;padding:10px 13px;gap:13px}.header .btn svg{width:14px;height:14px}.menu-toggle{display:flex;width:35px;height:35px}.menu-toggle svg{width:17px}.nav-right{gap:9px}.mobile-nav{position:absolute;top:77px;background:var(--bg);left:0;right:0;padding:20px 6% 30px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px;box-shadow:0 15px 25px #31412a10}.mobile-nav a,.mobile-nav button{padding:17px 0;text-align:left;font-size:16px;border-bottom:1px solid var(--line)}.mobile-nav button{display:flex;justify-content:space-between;color:var(--orange)}.mega-menu{display:none!important}.story{height:640svh}.story-stage{min-height:730px}.story-topline{top:99px;left:6%;right:6%;font-size:7px;letter-spacing:1px}.story-topline>span:nth-child(2){font-size:6px}.story-copy{top:155px;left:7%;width:54%;max-width:none}.chapter-label{font-size:8px;letter-spacing:1px;margin-bottom:17px}.chapter-label>span:first-child{font-size:8px}.story-copy h1{font-size:61px;letter-spacing:-3px}.story-copy>p{font-size:12px;max-width:270px;line-height:1.8;margin-top:18px}.story-actions{margin-top:20px}.story-actions .btn{font-size:10px;min-height:42px}.chapter-tags{font-size:8px;margin-top:19px}.scene-wrap{left:16%;right:-31%;top:26%;height:68%}.scene-note{top:58%;right:5%;transform:scale(.82);min-width:239px}.scene-coordinate{bottom:15%;left:34%;font-size:6px;letter-spacing:1.3px}.story-bottom{bottom:29px;left:6%;right:6%}.scroll-hint{display:none}.chapter-nav{width:100%;max-width:calc(100% - 67px)}.chapter-dot{min-width:31px;padding:0 2px;gap:11px}.chapter-dot small{font-size:7px}.motion-button{min-width:50px}.motion-button>span:last-child{display:none}.chapter-track{left:15px;right:15px}.connection-strip{padding:23px 6%;display:block;overflow:hidden}.connection-strip>span{display:block;margin-bottom:14px}.connection-strip>div{font-size:10px;gap:15px;overflow:auto;scrollbar-width:none;padding:2px}.connection-strip svg{width:12px}.section-pad{padding:75px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading h2,.ai-copy h2{font-size:41px;letter-spacing:-1.9px}.section-heading>p{font-size:12px;max-width:450px;margin-top:25px;line-height:1.9}.module-tabs{grid-template-columns:repeat(6,auto);overflow:auto;scrollbar-width:thin;gap:11px}.module-tab{padding:18px 10px;font-size:10px;gap:8px}.module-tab svg{width:16px}.module-showcase{grid-template-columns:1fr;gap:34px;padding:35px 0 30px;min-height:0}.module-copy{max-width:100%}.module-copy h3{font-size:32px;max-width:350px}.module-copy>p{max-width:500px;font-size:12px}.module-features{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 22px}.module-features>span{font-size:11px}.module-copy .inline-link{font-size:11px}.module-product{padding:26px 27px 14px}.product-window{min-height:350px}.module-ui{padding:22px}.pos-tile b{font-size:8px}.pos-tile small{font-size:7px}.pos-dish{height:70px}.pos-receipt{padding:15px}.pos-receipt h4{font-size:10px}.receipt-line,.receipt-line b{font-size:8px}.receipt-line{margin-top:17px}.platform-extras{flex-wrap:wrap;gap:18px}.platform-extras>span{font-size:9px}.platform-extras>.inline-link{margin-left:auto}.order-console{padding:23px}.flow-grid{grid-template-columns:repeat(3,1fr);padding:24px;gap:12px}.flow-node{min-height:132px;padding:16px}.flow-node h4{font-size:11px}.flow-node p{font-size:9px}.flow-node:not(:last-child):after{right:-12px}.flow-node:nth-child(3):after{display:none}.flow-status{padding:20px 24px;font-size:8px}.order-entry{gap:18px}.order-entry h3{font-size:20px}.order-entry>strong{font-size:23px;margin-right:0}.order-controls{gap:12px}.order-controls>label{display:none}.order-controls select{font-size:10px;min-width:180px}.order-controls>.btn{gap:13px}.ai-section{grid-template-columns:1fr;gap:37px}.ai-copy>p{max-width:480px;font-size:12px}.ai-copy h2{margin-top:21px}.ai-principle{margin-top:25px}.ai-labels{margin-top:23px}.ai-chat{padding:24px;max-width:560px;width:100%;justify-self:center}.chat-content{height:224px}.chat-bubble{font-size:12px}.chat-suggestions button{font-size:9px}.chat-input input{font-size:10px}.chat-disclaimer{font-size:8px}.business-grid{grid-template-columns:repeat(2,1fr);gap:15px}.business-card{padding:23px}.business-card h3{font-size:18px}.business-card p{font-size:10px}.business-chips{font-size:8px}.business-art{transform:scale(1)}.s-three{right:18px}.cta-section{padding:0 6% 65px}.cta-inner{padding:45px 35px;min-height:365px}.cta-inner h2{font-size:43px;letter-spacing:-2px}.cta-inner p{font-size:11px;max-width:290px}.cta-sculpture{position:absolute;right:-74px;bottom:45px;transform:rotate(-12deg) scale(.6);opacity:.85}.cta-inner>div:first-child{max-width:85%}.footer{padding:45px 6% 25px}.footer-top{display:block}.footer-links{justify-content:space-between;gap:25px;margin-top:43px}.footer-bottom{margin-top:45px;flex-wrap:wrap;font-size:7px;gap:15px}.dialog-header{padding:18px 23px}#detail-content{padding:24px}.dialog-footer{padding:20px 24px}.detail-heading{font-size:29px}.detail-lead{font-size:12px}.detail-item{padding:16px}.detail-item p{font-size:10px}.detail-item h4{font-size:11px}}
@media(max-width:520px){.header{height:73px}.header .brand{font-size:27px}.header .btn{min-height:35px;font-size:9px;padding:9px 11px;gap:12px}.header .btn svg{width:12px}.header .ai-badge{font-size:8px}.menu-toggle{width:31px;height:31px;border:0}.mobile-nav{top:72px}.story-stage{height:100svh;min-height:730px}.story-topline{top:95px;font-size:6px}.story-topline>span:nth-child(2){display:none}.story-copy{top:138px;left:7%;width:86%;z-index:5}.chapter-label{font-size:7px;margin-bottom:15px;letter-spacing:1.2px}.mini-line{width:20px}.story-copy h1{font-size:57px;line-height:1.015;letter-spacing:-2.8px;max-width:310px}.story-copy>p{font-size:11px;line-height:1.8;max-width:290px;margin-top:19px}.story-actions{margin-top:20px;gap:19px}.story-actions .btn{min-height:40px;padding:10px 14px;font-size:9px;gap:13px}.skip-story{font-size:9px}.chapter-tags{display:none}.scene-wrap{top:46%;left:-12%;right:-15%;height:45%;z-index:3}.scene-orbit{height:58%;top:24%}.orbit-two{height:64%;top:20%}.scene-note{top:57%;right:3.5%;transform:scale(.68);transform-origin:right top;z-index:8;opacity:.97}.scene-coordinate{font-size:5px;bottom:13%;left:23%;letter-spacing:1.1px}.story-bottom{bottom:24px;left:6%;right:6%}.chapter-nav{max-width:calc(100% - 31px)}.chapter-dot small{font-size:6px}.chapter-dot>span{width:14px;height:14px;box-shadow:0 0 0 4px var(--bg)}.chapter-dot>span:before{width:4px;height:4px;top:4px;left:4px}.chapter-track{top:11px;left:15px;right:16px}.motion-button{min-width:25px}.pause-icon{width:22px;height:22px;font-size:9px}.chapter-dot{min-width:29px;gap:10px}.connection-strip>div{font-size:9px}.section-pad{padding:61px 6%}.eyebrow{font-size:7px;letter-spacing:1.3px}.section-heading h2,.ai-copy h2{font-size:35px;letter-spacing:-1.6px;margin-top:20px;line-height:1.12}.section-heading>p{font-size:11px;margin-top:20px}.module-tabs{gap:0}.module-tab{font-size:9px;padding:16px 10px}.module-tab svg{width:14px;height:14px}.module-copy h3{font-size:29px;margin-top:14px;max-width:310px}.module-copy>p{font-size:11px;margin-top:16px}.module-index{font-size:8px}.module-features{grid-template-columns:1fr;gap:12px}.module-features>span{font-size:10px}.module-product{padding:16px 12px 10px;border-radius:10px}.product-window{min-height:302px}.window-top{height:36px;padding:0 11px}.window-brand{font-size:12px}.window-top>div{font-size:6px;gap:5px}.window-top .avatar{width:19px;height:19px}.module-ui{padding:15px 12px;min-height:272px}.ui-title h4{font-size:13px}.ui-title>small{font-size:6px}.ui-title{margin-bottom:16px}.pos-layout{grid-template-columns:1.45fr 1fr;gap:9px}.pos-pills{gap:3px}.ui-pills>span{padding:5px 6px;font-size:6px}.pos-menu-grid{gap:5px}.pos-dish{height:47px}.pos-dish:before{width:28px;height:28px;border-width:5px}.pos-tile:nth-child(n+4) .pos-dish:before{width:17px;height:24px}.pos-tile b{font-size:5px}.pos-tile small{font-size:5px}.pos-tile>div:last-child{padding:6px 4px;gap:4px}.pos-receipt{padding:9px}.pos-receipt h4{font-size:8px}.pos-receipt>small{font-size:6px}.receipt-line,.receipt-line b{font-size:6px}.receipt-line{gap:5px;margin-top:12px}.receipt-total{font-size:7px;margin-top:20px;padding:12px 0}.fake-button{font-size:6px;padding:9px 3px}.ui-stat{padding:12px 8px}.ui-stat>b{font-size:16px}.ui-stat>small{font-size:6px}.ui-stat-row{gap:6px}.ui-chart{height:127px;gap:6px;padding-left:4px;padding-right:4px}.kds-grid{gap:6px}.kds-ticket{padding:11px 6px}.kds-ticket b{font-size:8px}.kds-ticket p{font-size:6px}.kds-column>h4{font-size:6px;padding:8px 5px}.ui-table{font-size:7px}.ui-table td{padding:12px 2px}.ui-table th{font-size:6px;padding:8px 2px}.status{font-size:5px;padding:4px 4px}.marketing-banner{padding:14px}.marketing-banner h4{font-size:14px}.marketing-banner strong{font-size:27px}.product-caption{font-size:6px;margin-top:11px}.platform-extras{gap:17px}.platform-extras>span{font-size:8px}.platform-extras>.inline-link{font-size:9px;margin-left:0}.order-console{padding:21px 18px}.console-top{font-size:6px;letter-spacing:.9px}.console-top small{font-size:6px}.order-entry{padding:23px 0 20px;gap:13px;flex-wrap:wrap}.food-art{width:63px;height:65px}.plate{transform:scale(.72)}.order-entry h3{font-size:17px;letter-spacing:-.4px;margin:7px 0}.order-entry p{font-size:8px}.order-tag{font-size:6px}.order-entry>strong{font-size:17px;padding-left:76px;margin-top:-9px}.order-controls{gap:11px}.order-controls select{min-width:100%;font-size:10px}.order-controls .btn{font-size:10px;padding:10px 13px;min-height:39px}.reset-order{margin-left:auto;font-size:9px}.flow-grid{grid-template-columns:repeat(2,1fr);padding:22px 18px;gap:12px}.flow-node{min-height:122px;padding:15px}.flow-node:not(:last-child):after{display:none}.flow-node:nth-child(odd):after{display:block}.flow-node h4{font-size:10px}.flow-node p{font-size:8px}.flow-status{padding:16px 18px;flex-direction:column;font-size:8px;gap:9px}.ai-section{gap:28px}.ai-copy>p{font-size:11px}.ai-principle strong{font-size:10px}.ai-principle p{font-size:9px}.ai-labels>span{font-size:8px}.ai-chat{padding:19px 16px}.chat-top{gap:10px;padding-bottom:17px}.chat-top strong{font-size:12px}.chat-top small{font-size:8px}.chat-content{height:218px;padding-top:18px}.chat-bubble{font-size:10px;padding:13px}.chat-bubble .chat-soft{font-size:9px}.chat-eyebrow{font-size:5px}.chat-suggestions button{font-size:7px}.chat-input input{font-size:8px;padding:9px 6px}.chat-disclaimer{font-size:6px}.business-grid{gap:11px}.business-card{padding:17px 15px}.business-art{transform:scale(.83);height:125px;margin:0 -16px 5px}.business-card h3{font-size:14px;letter-spacing:-.5px;gap:5px}.business-card h3 svg{width:12px}.business-card p{font-size:9px;min-height:30px;margin-top:10px}.business-chips{font-size:6px;padding-top:12px;margin-top:13px;white-space:normal;line-height:1.8}.business-num{font-size:7px}.s-one{left:4px}.s-two{left:46px}.s-three{right:-5px}.cta-section{padding:0 6% 45px}.cta-inner{padding:35px 25px;min-height:350px;border-radius:10px;align-items:flex-start}.cta-inner>div:first-child{max-width:100%}.cta-inner .eyebrow{font-size:6px;letter-spacing:1.4px}.cta-inner h2{font-size:35px;letter-spacing:-1.7px;line-height:1.13;margin-top:19px}.cta-inner p{font-size:10px;max-width:245px;margin-top:17px}.cta-inner .btn{font-size:10px;min-height:42px;padding:11px 15px;gap:21px;margin-top:20px}.cta-sculpture{right:-87px;bottom:-87px;transform:rotate(-12deg) scale(.38);opacity:.85}.footer-links{gap:25px 17px}.footer-links>div{gap:11px}.footer-links a,.footer-links button{font-size:8px}.footer-links h4{font-size:8px}.footer-bottom{line-height:1.8}.footer-bottom>span:nth-child(2){order:3;font-size:7px;flex-basis:100%}.dialog-header{padding:15px 20px}.dialog-header .eyebrow{font-size:6px}#detail-content{padding:24px 20px}.detail-heading{font-size:29px}.detail-lead{font-size:11px}.detail-grid{grid-template-columns:1fr;gap:10px}.detail-item{padding:17px}.detail-item h4{font-size:12px}.detail-item p{font-size:11px}.dialog-footer{display:block;padding:18px 20px}.dialog-footer small{display:block;max-width:100%;margin-bottom:14px}.dialog-footer .btn{width:100%}.demo-dialog-copy{padding:24px 21px 0}.demo-dialog-copy h2{font-size:28px}.demo-dialog-copy p{font-size:11px}#demo-form{padding:24px 21px}.form-grid{grid-template-columns:1fr;gap:15px}.full-label{margin-top:15px}.form-note{gap:9px;padding:12px}.form-note p{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.scene-orbit{display:none}}
@media print{.header,.story-bottom,.scene-note,dialog,.toast,.cta-sculpture{display:none}.story{height:auto}.story-stage{position:relative;height:800px}.reveal{opacity:1;transform:none}.section-pad{padding:40px 5%;break-inside:avoid}.footer{padding-top:30px}}

/* Final composition adjustments and spatial module controls. */
.scene-coordinate{bottom:16.3%}
.scene-hotspot{position:absolute;z-index:7;pointer-events:auto;display:flex;align-items:center;gap:9px;background:var(--orange);border:1px solid #ffb68e;border-radius:7px;padding:9px 11px 9px 8px;color:#fff8ef;transform:translate(-50%,-100%);box-shadow:0 7px 20px #733f2d1c;font-size:8px;letter-spacing:.8px;white-space:nowrap;transition:background .25s}
.scene-hotspot[hidden]{display:none}.scene-hotspot:after{content:'';position:absolute;bottom:-19px;left:50%;height:18px;width:1px;background:#ef5b2a99}.scene-hotspot svg{width:12px;height:12px}.hotspot-plus{font-size:15px;font-weight:300}.scene-hotspot:hover{background:#d94c1c}
@media(max-width:800px){.scene-coordinate{bottom:15%}.scene-hotspot{font-size:7px;gap:6px;padding:7px 8px}.scene-hotspot svg{width:10px}}
@media(max-width:520px){.story-copy{top:134px}.story-copy h1{font-size:54px}.story-copy>p{max-width:295px}.scene-wrap{top:438px;bottom:83px;left:-15%;right:-18%;height:auto}.scene-note{display:none}.scene-coordinate{bottom:90px;left:26%;font-size:5px}.scene-hotspot{font-size:6px;padding:6px 7px;gap:5px;transform:translate(-50%,-100%) scale(.85)}.scene-orbit{top:9%;height:79%}.orbit-two{top:3%;height:88%}}
@media(max-width:520px) and (max-height:760px){.story-stage{min-height:650px}.story-topline{top:88px}.story-copy{top:121px}.chapter-label{margin-bottom:12px}.story-copy h1{font-size:46px;letter-spacing:-2px}.story-copy>p{font-size:10px;line-height:1.65;max-width:292px;margin-top:15px}.story-actions{margin-top:16px}.story-actions .btn{min-height:36px;font-size:8px}.scene-wrap{top:362px;bottom:78px}.scene-coordinate{bottom:82px}.story-bottom{bottom:20px}}

/* Tablet composition: keep text and the complete restaurant in separate bands. */
@media(min-width:521px) and (max-width:800px){
.story-copy{top:145px;width:78%;max-width:580px}
.story-copy h1{font-size:58px;max-width:550px}
.story-copy>p{max-width:370px}
.scene-wrap{left:0;right:0;top:51%;bottom:98px;height:auto}
.scene-note{top:55%;right:6%;transform:scale(.72)}
.scene-coordinate{bottom:102px;left:34%}
}
.no-webgl .scene-hotspot{display:none}
.no-webgl .world-fallback{transition:transform .4s ease}

/* V2 — cinematic checkpoint story. All other platform sections stay intact. */
.story{height:640svh;--input:0}
.story-stage{height:100svh;min-height:600px;isolation:isolate;touch-action:pan-y pinch-zoom}
.story-stage:before{content:'';position:absolute;inset:9% 0 14% 26%;background:radial-gradient(ellipse at 58% 49%,#e8e9dc88 0%,transparent 64%);pointer-events:none;z-index:0}
.story-edition{display:flex;align-items:center;gap:12px}.story-edition i{height:1px;width:22px;background:#c6ccbc}
.story-copy{left:6%;top:24%;width:33%;max-width:500px}
.story-copy h1{font-size:clamp(52px,5.25vw,84px);line-height:1.04;letter-spacing:-3.9px}
.title-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em;white-space:nowrap}
.title-line>span{display:block;transform-origin:0 100%;will-change:transform,opacity}
.story-copy>p{max-width:343px;font-size:13px;line-height:1.85;margin-top:23px}
.story-actions{margin-top:24px}.chapter-tags{margin-top:24px}
.scene-wrap{left:35%;right:-3%;top:15%;height:68%;z-index:2;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.scene-orbit{border-color:#e0e3d7;width:78%;height:71%;left:12%;top:13%;opacity:.5;transition:opacity .8s,transform 1.4s}
.orbit-two{width:90%;height:83%;left:6%;top:7%;opacity:.4}
body:not([data-chapter="0"]):not([data-chapter="6"]) .scene-orbit{opacity:.16;transform:rotate(-28deg) scale(1.2)}
.scene-note{top:20%;right:5%;min-width:248px;padding:15px 19px 15px 14px;background:#fffefaeb;z-index:8;box-shadow:0 12px 30px #36423008}
.scene-coordinate{left:48%;bottom:20%;font-size:7px;letter-spacing:1.4px;max-width:45%;opacity:.65;pointer-events:none}
.scene-hotspot{border-radius:99px;padding:9px 13px;font-size:8px;backdrop-filter:blur(8px);background:#ef5b2a;box-shadow:0 10px 24px #7238251c;max-width:90%;transition:opacity .3s,background .25s}
.story-travelling .scene-hotspot{opacity:0;pointer-events:none}
.focus-card{position:absolute;z-index:7;right:5%;bottom:22%;width:260px;border:1px solid #dce0d2;background:rgba(255,255,251,.95);backdrop-filter:blur(16px);border-radius:12px;padding:18px;box-shadow:0 14px 38px #2939270b;transition:opacity .6s,transform .8s;pointer-events:none}
body[data-chapter="0"] .focus-card{opacity:0;visibility:hidden;transform:translateY(10px)}
.focus-card-top{display:flex;align-items:center;gap:8px;letter-spacing:.8px;font-size:6.5px;color:#6f7f65;font-weight:600}
.focus-card-top .live-dot{width:4px;height:4px}.focus-card-top small{margin-left:auto;font-size:5.5px;color:#818a77;border:1px solid #e2e6d9;padding:2px 3px;border-radius:3px;letter-spacing:.6px}
.focus-card h3{font-size:14px;font-weight:600;letter-spacing:-.25px;margin:13px 0 15px;line-height:1.35}
.focus-footer{font-size:7px;color:#939b88;border-top:1px solid #e9ecdf;padding-top:11px;margin-top:13px;line-height:1.5}
.focus-line{display:flex;align-items:center;justify-content:space-between;font-size:8px;gap:8px;color:#68735f;padding:10px 0 3px}.focus-line b{color:var(--ink)}
.focus-network{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:8px;gap:6px}.focus-network span,.focus-network b{padding:7px 9px;border-radius:5px;background:#f1f2e9}.focus-network i{font-style:normal;color:#a6ae9a}.focus-network b{background:#ef5b2a;color:white}
.focus-campaign{display:flex;gap:9px;align-items:center;background:#f8f1e7;padding:10px 8px;border-radius:7px}.focus-coffee{font-size:22px}.focus-campaign b{font-size:8px;display:block}.focus-campaign small{font-size:6px;color:#969681;display:block;margin-top:5px}.focus-check{background:#e3ebd9;color:#6a855e;border-radius:50%;font-size:9px;display:grid;place-items:center;width:18px;height:18px;margin-left:auto}
.focus-loyalty{display:flex;gap:4px;align-items:center;margin-top:11px}.focus-loyalty i{width:9px;height:9px;background:#e7b399;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #eee5d9}.focus-loyalty i:nth-last-of-type(1){background:#eeeade}.focus-loyalty span{font-size:7px;color:#8c937e;margin-left:auto}
.focus-order{display:flex;justify-content:space-between;font-size:10px;padding:9px 0 5px}.focus-order em{font-style:normal;font-size:5px;letter-spacing:.5px;background:#f0f2e8;color:#6c7f59;padding:4px 5px;margin-left:5px;border-radius:3px}.focus-order>b{color:var(--orange);font-family:monospace}
.focus-success{font-size:7px;color:#6f8560;display:flex;gap:6px;align-items:center;background:#eff3e8;margin-top:11px;padding:8px;border-radius:4px}.focus-success i{width:4px;height:4px;border-radius:100%;background:#84a16f}
.focus-kitchen{display:flex;gap:7px;align-items:center;padding:4px 10px 17px}.focus-kitchen>span{font-family:monospace;display:grid;place-items:center;position:relative;width:30px;height:30px;border-radius:50%;font-size:8px;background:#f0f0e8;color:#a3aa98}.focus-kitchen small{position:absolute;top:37px;font:6px Arial;color:#87917b;white-space:nowrap}.focus-kitchen i{flex:1;height:1px;background:#d9dfcd}.focus-kitchen>span.done{background:#e8efde;color:#688356}.focus-kitchen>span.active{background:var(--orange);color:white;box-shadow:0 0 0 5px #fdf0e8}
.focus-finance{display:flex;align-items:center;gap:15px}.focus-finance small{font-size:7px;color:#8b967f}.focus-finance b{font-size:19px;letter-spacing:-.9px;font-weight:500;display:block;margin-top:8px}.focus-bars{height:66px;flex:1;display:flex;gap:4px;align-items:flex-end}.focus-bars i{height:var(--bar);flex:1;border-radius:2px 2px 0 0;background:#c4d0b8;transform-origin:bottom;animation:bar-rise 1.2s .4s both cubic-bezier(.16,1,.3,1)}.focus-bars i:nth-last-child(-n+2){background:#ef8254}@keyframes bar-rise{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
.focus-staff{display:flex;align-items:center;gap:9px;padding:7px 0}.focus-staff>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:8px;background:#e5eade;color:#6c7f5b}.focus-staff:nth-of-type(3)>span{background:#f0e3d2;color:#ab8863}.focus-staff b{font-size:8px;font-weight:600}.focus-staff small{display:block;font-size:6px;color:#8c957f;margin-top:4px}.focus-staff em{font-size:5px;font-style:normal;margin-left:auto;color:#739461;border:1px solid #e0e8d6;padding:4px;border-radius:3px}
.focus-ai{display:flex;align-items:center;gap:12px;background:#f0f2e8;border-radius:7px;padding:12px}.focus-ai>span{font-size:28px;color:#ef5b2a}.focus-ai>p{font-size:8px;line-height:1.8;color:#7b866e}
.journey-meta{position:absolute;z-index:11;left:4.6%;right:4.6%;bottom:129px;display:flex;align-items:center;gap:22px;padding-bottom:14px;border-bottom:1px solid #dedfd3}
.journey-meta>div{display:flex;align-items:center;gap:11px;font-size:9px;min-width:228px;color:#77846b}.journey-meta>div>span:first-child{color:var(--orange);font-family:monospace;font-size:10px;letter-spacing:1px}.journey-meta i{width:18px;height:1px;background:#c6ceba}
.journey-meta label{display:flex;gap:16px;align-items:center;font-size:6px;letter-spacing:1px;color:#929b85;margin-left:auto;white-space:nowrap}.journey-meta strong{font:13px monospace;color:var(--ink);min-width:36px;letter-spacing:-.5px}
#journey-range{--range-fill:0%;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--orange) var(--range-fill),#d7decb var(--range-fill));width:150px;height:2px;border:0;cursor:pointer;touch-action:pan-x;outline-offset:8px;flex-shrink:0;margin:0}
#journey-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:3px solid var(--bg);height:11px;width:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px #e3c4ac}
#journey-range::-moz-range-thumb{border:3px solid var(--bg);height:6px;width:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px #e3c4ac}
#journey-range:disabled{cursor:wait;opacity:.6}
.story-bottom{bottom:35px;display:grid;grid-template-columns:230px 1fr 150px;align-items:center;gap:30px;z-index:11}
.scroll-hint{width:auto;gap:12px;font-size:8px;letter-spacing:0;min-width:0}.scroll-hint>div:last-child{display:flex;gap:6px;flex-direction:column}.scroll-hint strong{font-size:8px;letter-spacing:.7px;color:#607354;font-weight:600}.scroll-hint #gesture-label{font-size:8px;line-height:1.4;color:#929c85;min-height:12px}
.gesture-ring{--input:0;flex-shrink:0;display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:conic-gradient(var(--orange) calc(var(--input)*360deg),#d9dfcf 0);position:relative}
.gesture-ring:before{content:'';position:absolute;inset:1.5px;background:var(--bg);border-radius:50%}.gesture-ring span{position:relative;color:var(--orange);font-size:15px}
.story[data-state="travelling"] .gesture-ring span{animation:arrow-flight 1s infinite}@keyframes arrow-flight{0%,100%{transform:translateY(-2px);opacity:.4}50%{transform:translateY(2px);opacity:1}}
.story[data-state="holding"] .gesture-ring span{color:#8b987f}.story[data-state="holding"] .gesture-ring span:after{content:'✓';position:absolute;inset:-2px;background:var(--bg);font-size:14px;text-align:center;line-height:22px}
.chapter-nav{max-width:100%;width:100%;padding-top:4px;gap:8px;z-index:1}.chapter-dot{gap:10px;padding:0 3px;min-width:40px}.chapter-dot small{font-size:9px;font-weight:500;white-space:nowrap}.chapter-dot em{font-style:normal;font-family:monospace;font-size:7px;color:#a4ad98;margin-top:-3px}.chapter-dot.active em{color:#cba186}.chapter-dot.visited>span:before{background:#99ad87}.chapter-dot.visited small{color:#6d805e}.chapter-dot[aria-disabled="true"]{cursor:wait}.chapter-track{left:22px;right:24px}.chapter-track span{transition:none}
.story-tools{display:flex;align-items:center;justify-content:flex-end;gap:15px}.chapter-arrows{display:flex;gap:6px}.chapter-arrow{display:grid;place-items:center;border:1px solid #d1d8c5;border-radius:50%;width:32px;height:32px;font-size:16px;background:transparent;transition:.2s}.chapter-arrow:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:white;transform:translateY(-2px)}.chapter-arrow:disabled{opacity:.35;cursor:default}.motion-button{min-width:unset;justify-content:center}.motion-button>span:last-child{display:none}.pause-icon{width:28px;height:28px;letter-spacing:1px}
#explore-btn[aria-disabled="true"]{cursor:wait}
body.motion-paused .focus-bars i{animation:none}
@media(min-width:1600px){.focus-card{right:6%;bottom:25%;width:285px;padding:20px}.scene-wrap{right:0;left:36%;height:69%}.story-copy{top:25%}}
@media(max-width:1150px) and (min-width:801px){.story-copy{width:37%;top:24%}.story-copy h1{font-size:58px;letter-spacing:-2.8px}.story-copy>p{font-size:12px;max-width:285px}.scene-wrap{left:34%;right:-4%}.focus-card{width:215px;right:4%;padding:14px;bottom:23%}.focus-card h3{font-size:12px}.scene-note{transform:scale(.88);transform-origin:right top;top:20%;right:4%}.story-bottom{grid-template-columns:180px 1fr 100px;gap:15px}.scroll-hint strong{font-size:6px}.scroll-hint #gesture-label{font-size:7px}.gesture-ring{width:29px;height:29px}.story-tools{gap:7px}.chapter-arrow{width:25px;height:25px;font-size:13px}.chapter-dot small{font-size:8px}.chapter-dot em{font-size:6px}.chapter-dot{min-width:30px}.journey-meta>div{min-width:195px}.journey-meta label{font-size:5.5px}}
@media(max-height:760px) and (min-width:801px){.story-topline{top:110px}.story-copy{top:22%}.chapter-label{margin-bottom:15px}.story-copy h1{font-size:clamp(48px,4.5vw,66px)}.story-copy>p{font-size:11px;line-height:1.75;margin-top:18px;max-width:305px}.story-actions{margin-top:18px}.chapter-tags{display:none}.scene-wrap{top:16%;height:64%}.scene-note{top:20%;transform:scale(.82);transform-origin:right top}.focus-card{bottom:24%;transform:scale(.84);transform-origin:right bottom}.journey-meta{bottom:113px}.story-bottom{bottom:23px}.scene-coordinate{bottom:23%;font-size:6px}}
@media(min-width:521px) and (max-width:800px){
 .story-stage{min-height:720px}.story-topline{top:113px}.story-copy{top:155px;left:6%;width:70%;max-width:520px}.story-copy h1{font-size:57px;letter-spacing:-2.9px}.story-copy>p{font-size:12px;max-width:350px;margin-top:17px}.story-actions{margin-top:18px}.chapter-tags{display:none}
 .scene-wrap{left:6%;right:-5%;top:45%;height:auto;bottom:160px}.scene-note{top:48%;right:6%;transform:scale(.74);transform-origin:right top}.focus-card{right:6%;bottom:190px;transform:scale(.74);transform-origin:right bottom;width:245px}.scene-coordinate{bottom:169px;left:11%;font-size:6px}
 .journey-meta{bottom:118px;gap:12px}.journey-meta>div{min-width:165px}.journey-meta label{font-size:5px;gap:8px}#journey-range{width:90px}
 .story-bottom{bottom:28px;grid-template-columns:1fr 90px;gap:18px}.scroll-hint{position:absolute;bottom:98px;left:0;display:none}.chapter-nav{max-width:100%}.story-tools{gap:8px}.chapter-arrow{width:25px;height:25px}.chapter-dot small{font-size:8px}.chapter-dot em{font-size:6px}
}
@media(max-width:520px){
 .story-stage{min-height:620px;height:100svh}.story-topline{top:93px}.story-topline>span{font-size:6px}.story-copy{left:6.5%;top:130px;width:90%;max-width:none;z-index:5}.chapter-label{font-size:7px;margin-bottom:13px}.story-copy h1{font-size:47px;line-height:1.02;letter-spacing:-2.4px}.title-line{white-space:nowrap}.story-copy>p{font-size:10px;line-height:1.8;margin-top:17px;max-width:296px}.story-actions{margin-top:17px;gap:15px}.story-actions .btn{font-size:9px;min-height:37px;padding:10px 12px;gap:11px}.skip-story{font-size:8px}.chapter-tags{display:none}
 .scene-wrap{left:-3%;right:-4%;top:416px;bottom:151px;height:auto;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}.scene-note{display:none}.focus-card{display:none}.scene-coordinate{left:6.5%;bottom:143px;font-size:4.5px;letter-spacing:1px;max-width:80%}.scene-hotspot{font-size:6px;padding:6px 8px;transform:translate(-50%,-100%) scale(.92)}
 .journey-meta{bottom:101px;left:6.5%;right:6.5%;padding-bottom:11px;gap:10px}.journey-meta>div{font-size:7px;gap:7px;min-width:0}.journey-meta>div>span:first-child{font-size:7px}.journey-meta i{width:10px}.journey-meta label{gap:0;margin-left:auto}.journey-meta label>span{display:none}.journey-meta strong{font-size:10px;min-width:28px}#journey-range{width:60px;height:2px}
 .story-bottom{left:6.5%;right:6.5%;bottom:24px;grid-template-columns:1fr 22px;gap:10px}.chapter-nav{width:100%;max-width:100%;gap:3px}.chapter-dot{min-width:25px;padding:0;gap:9px}.chapter-dot small{font-size:5.5px}.chapter-dot em{font-size:5px;margin-top:-4px}.chapter-track{left:11px;right:15px}.chapter-dot>span{box-shadow:0 0 0 4px var(--bg);width:13px;height:13px}.chapter-dot>span:before{left:3.5px;top:3.5px}.story-tools{gap:0}.chapter-arrows{display:none}.pause-icon{width:22px;height:22px;font-size:9px}.scroll-hint{position:absolute;right:0;bottom:100px;gap:6px;display:flex;pointer-events:none}.gesture-ring{width:18px;height:18px}.gesture-ring span{font-size:10px}.scroll-hint strong{font-size:5px;letter-spacing:.25px}.scroll-hint #gesture-label{display:none}.story[data-state="holding"] .gesture-ring span:after{font-size:9px;line-height:13px;inset:-1px}
}
@media(max-width:520px) and (max-height:760px){.story-copy{top:112px}.story-topline{top:85px}.chapter-label{margin-bottom:11px}.story-copy h1{font-size:40px;line-height:1.04;letter-spacing:-1.9px}.story-copy>p{font-size:9px;line-height:1.65;max-width:280px;margin-top:13px}.story-actions{margin-top:13px}.story-actions .btn{font-size:8px;min-height:33px;padding:8px 11px}.scene-wrap{top:355px;bottom:141px}.scene-coordinate{bottom:129px}.journey-meta{bottom:91px}.story-bottom{bottom:18px}.scroll-hint{bottom:92px}.skip-story{font-size:7px}}
@media(prefers-reduced-motion:reduce){.title-line>span{will-change:auto}.story-travelling .scene-hotspot{opacity:1}.focus-bars i{animation:none}.gesture-ring span{animation:none}}
@media print{.story{height:auto}.journey-meta,.focus-card{display:none}.story-stage{height:800px}.scene-wrap{height:60%}}

@media(min-width:801px){.scene-wrap{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 97%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 97%,transparent);-webkit-mask-composite:source-in}}

body[data-chapter="4"] .story-copy .title-line:last-child{font-size:.86em;line-height:1.16}

.no-webgl .world-fallback{transition:none;object-fit:contain;will-change:transform,opacity}.no-webgl .fallback-next{opacity:0}.no-webgl .scene-coordinate:after{content:' · MODE GAMBAR';font-size:.8em;opacity:.75}


/* V3: product-aware tours, keeping the original cinematic camera motion. */
[hidden]{display:none!important}body[data-product=jualin]{--orange:#287c83;--accent:#287c83}body[data-product=bisnisin]{--orange:#6554b3;--accent:#6554b3}.btn-orange:hover{background:var(--ink)}.header{height:86px;background:#f5f4eff2;border-bottom:1px solid #27332c0a}.brand{font-size:28px}.desktop-nav{margin-left:0}.story-topline{top:109px}.product-switch{position:absolute;z-index:20;left:6%;top:145px;display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#eeefe7}.product-switch button{padding:10px 16px;border-radius:8px;text-align:left;min-width:106px}.product-switch b{display:block;font-size:13px}.product-switch small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.product-switch button[aria-pressed=true]{background:white;box-shadow:0 2px 9px #27332c0c;color:var(--orange)}.product-switch button:hover{background:#ffffff88}.story-copy{top:245px;width:35%;max-width:505px}.story-copy h1{font-size:clamp(45px,4.9vw,76px);letter-spacing:-3.6px}.story-copy>p{font-size:13px;max-width:360px;line-height:1.75;margin-top:20px}.chapter-label{margin-bottom:18px;font-size:9px}.story-actions{margin-top:20px}.chapter-tags{margin-top:20px}.scene-wrap{left:36%;right:-4%;top:20%;height:62%}.scene-note{top:21%;right:4%}.focus-card{right:4%;bottom:23%;width:270px;pointer-events:auto}.scene-coordinate{display:none}.chapter-dot small{font-size:9px}.story-bottom{grid-template-columns:185px 1fr 110px;gap:22px}.story-stage{min-height:720px}.scene-hotspot{background:var(--orange)}.focus-card h3{font-size:15px}.focus-minirow{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e8eade;padding:9px 0;font-size:9px;line-height:1.4}.focus-minirow span{color:#7c8376}.focus-minirow b{font-weight:500;text-align:right}.focus-footer{font-size:8px;line-height:1.6}.connection-strip>div{white-space:normal;line-height:1.7;font-size:13px}.module-tabs{overflow-x:auto}.module-tab{white-space:normal;font-size:12px;min-height:70px}.module-showcase{align-items:start;min-height:450px}.module-features{gap:12px}.module-product{--module-bg:#e9ece2;padding:22px}.module-ui{padding:22px}.workspace-kicker{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.workspace-title{font-size:23px;letter-spacing:-.7px;margin:13px 0 25px}.workspace-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #eceee6}.workspace-row>span{font-size:10px;background:#edf0e7;padding:9px;border-radius:8px;color:var(--orange)}.workspace-row b{display:block;font-size:12px;margin-bottom:6px}.workspace-row p{font-size:10px;color:var(--muted);line-height:1.6}.workspace-row>i{margin-left:auto;color:var(--orange);font-style:normal}.scope-note{display:grid;grid-template-columns:190px 1fr;gap:30px;border-top:1px solid var(--line);padding-top:27px;margin-top:25px;font-size:13px;line-height:1.8;color:var(--muted)}.scope-note>span{font-size:9px;letter-spacing:1px;color:var(--orange)}.context-picker{background:#e9efea;border-radius:12px;padding:22px;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.context-picker>span{font-size:10px;font-weight:600}.context-picker button{padding:10px 18px;font-size:12px;border-radius:6px}.context-picker button[aria-pressed=true]{background:white;color:var(--orange)}.context-picker p{width:100%;font-size:13px;color:var(--muted);line-height:1.7}.journey-simulator{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:45px}.simulation-start h3{font-size:32px;letter-spacing:-1.1px;line-height:1.2;margin:22px 0 16px}.simulation-start p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:25px}.simulation-start>small{font-size:10px;display:block;color:var(--muted);margin-top:20px}.simulation-start .inline-link{margin-left:16px;font-size:11px}.simulation-steps{display:grid;gap:8px}.sim-step{display:grid;grid-template-columns:35px 1fr 18px;gap:15px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:9px;transition:background .35s,border-color .35s,transform .35s}.sim-step>span{font:11px monospace;color:#939c8c}.sim-step b{font-size:12px}.sim-step p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.sim-step i{font-style:normal;color:#a6af9e}.sim-step.active{background:#eef3e8;border-color:#aebda4;transform:translateX(5px)}.sim-step.active i{color:var(--orange)}.ecosystem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ecosystem-cards>button{text-align:left;padding:33px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;transition:transform .3s,box-shadow .3s}.ecosystem-cards>button:hover{transform:translateY(-5px);box-shadow:0 15px 30px #27332c0a}.product-number{font-size:9px;letter-spacing:1.2px;color:#7c8473}.ecosystem-cards h3{font-size:34px;letter-spacing:-1.3px;margin:30px 0 20px;display:flex;justify-content:space-between}.ecosystem-cards h3>span{font-size:23px;font-weight:400}.ecosystem-cards p{font-size:13px;line-height:1.8;color:var(--muted);min-height:50px}.ecosystem-cards ul{padding-left:16px;font-size:12px;line-height:2.3;color:#69735f;margin:25px 0}.ecosystem-cards strong{font-size:12px}.ecosystem-cards button:nth-child(1) strong{color:#ef5b2a}.ecosystem-cards button:nth-child(2) strong{color:#287c83}.ecosystem-cards button:nth-child(3) strong{color:#6554b3}.group-section{background:#e9e7ef;display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.group-section h2{font-size:clamp(34px,3.4vw,53px);font-weight:500;letter-spacing:-2px;line-height:1.15;margin:22px 0}.group-section h2 em{color:#6554b3;font-style:normal}.group-section p{font-size:13px;line-height:1.9;color:#777582;max-width:490px}.group-offer{padding-top:28px;border-top:1px solid #d2cddd;margin-top:30px}.group-offer>span{font-size:8px;letter-spacing:1.2px;display:block}.group-offer>strong{display:block;font-size:28px;font-weight:500;margin:12px 0}.group-offer button{margin-top:23px}.phone-composition{position:relative;padding:40px 30px;display:flex;justify-content:center}.owner-phone{width:278px;background:#fcfcf8;border:8px solid #313833;box-shadow:25px 30px 70px #4c40541e;border-radius:38px;padding:35px 18px 20px;position:relative;transform:rotate(5deg)}.phone-notch{position:absolute;top:10px;left:calc(50% - 36px);width:72px;height:12px;background:#313833;border-radius:20px}.owner-phone>small{font-size:7px;letter-spacing:.7px;color:#93908e}.owner-phone h3{font-size:23px;font-weight:500;letter-spacing:-.8px;margin:21px 0}.phone-overview{padding:17px;background:#eeeaf5;border-radius:10px;margin-bottom:22px}.phone-overview>span{font-size:9px;color:#746d8b}.phone-overview>b{display:block;font-size:34px;color:#6554b3;margin-top:8px}.phone-overview small{font-size:10px;font-weight:400}.phone-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e8e7e0;padding:15px 0}.phone-row b{font-size:10px}.phone-row small{display:block;font-size:8px;color:#97938b;margin-top:5px}.phone-row>span:last-child{margin-left:auto}.company-dot{width:8px;height:8px;border-radius:3px}.orange{background:#ef5b2a}.teal{background:#287c83}.violet{background:#6554b3}.phone-nav{display:flex;justify-content:space-between;font-size:7px;color:#6554b3;margin:23px 0}.phone-foot{font-size:6px!important;text-align:center;display:block}.orbit-company{position:absolute;z-index:2;padding:13px 18px;border:1px solid #d6d0e0;background:#f5f3facc;backdrop-filter:blur(8px);border-radius:8px;font-size:10px;box-shadow:0 8px 20px #50436809}.oc-one{left:0;top:75px}.oc-two{right:0;top:48%}.oc-three{bottom:40px;left:10px}.detail-item p{line-height:1.8}.footer{padding-top:25px}.footer-bottom{border:0}.reveal{opacity:1;transform:none}
@media(min-width:1600px){.story-copy{top:26%}.product-switch{top:17%}.scene-wrap{top:19%;height:66%}}
@media(max-height:820px) and (min-width:801px){.product-switch{top:130px}.product-switch button{padding:8px 14px}.story-copy{top:215px}.story-copy h1{font-size:clamp(42px,4.3vw,61px);letter-spacing:-2.5px}.story-copy>p{font-size:12px;max-width:340px;margin-top:15px}.story-actions{margin-top:16px}.chapter-label{margin-bottom:12px}.chapter-tags{display:none}.scene-wrap{top:23%;height:57%}.scene-note{top:24%;transform:scale(.85)}.focus-card{bottom:24%;transform:scale(.85)}.journey-meta{bottom:102px}.story-bottom{bottom:25px}}
@media(max-width:1100px) and (min-width:801px){.story-copy h1{font-size:49px}.story-copy{width:40%}.story-copy>p{max-width:305px;font-size:12px}.scene-wrap{left:39%}.scene-note{right:2%;min-width:230px}.focus-card{right:2%;width:240px}.desktop-nav{gap:20px}.nav-right{gap:12px}.story-bottom{grid-template-columns:1fr 100px}.scroll-hint{display:none}.ecosystem-cards>button{padding:23px}.ecosystem-cards h3{font-size:29px}}
@media(max-width:800px){.story-stage{min-height:850px}.story-topline{top:95px}.story-edition{display:none}.product-switch{top:122px;left:6%;right:6%;justify-content:space-between}.product-switch button{flex:1;min-width:0;padding:10px}.story-copy{top:206px;left:6%;width:89%;max-width:none}.story-copy h1{font-size:48px;line-height:1.02;letter-spacing:-2.5px}.story-copy>p{max-width:520px;font-size:12px;line-height:1.7;margin-top:14px}.chapter-label{margin-bottom:12px}.chapter-tags{display:none}.story-actions{margin-top:15px}.scene-wrap{left:0;right:0;top:50%;height:auto;bottom:130px}.scene-note{display:none}.focus-card{display:none}.scene-hotspot{display:none!important}.journey-meta{bottom:92px}.journey-meta label>span{display:none}.journey-meta>div{min-width:0;flex:1}.story-bottom{bottom:20px;grid-template-columns:1fr 70px;gap:12px}.story-tools{gap:4px}.chapter-arrows{display:none}.chapter-nav{gap:0}.chapter-dot{min-width:0;padding:0 2px}.chapter-dot small{font-size:7px;white-space:normal;text-align:center;min-height:18px}.chapter-dot em{font-size:6px}.chapter-track{left:15px;right:15px}.section-pad{padding:70px 6%}.module-tabs{grid-template-columns:repeat(6,minmax(100px,1fr))}.module-showcase{grid-template-columns:1fr;gap:30px;padding-top:35px}.module-copy{max-width:none}.module-copy h3{font-size:31px}.module-product{padding:15px}.scope-note{grid-template-columns:1fr;gap:8px}.journey-simulator{grid-template-columns:1fr;gap:30px;padding:28px}.ecosystem-cards{grid-template-columns:1fr}.ecosystem-cards>button{padding:28px}.ecosystem-cards h3{margin:20px 0 12px}.ecosystem-cards p{min-height:0}.group-section{grid-template-columns:1fr}.phone-composition{max-width:460px;width:100%;margin:20px auto 0}.connection-strip{gap:18px;padding:24px 6%;flex-direction:column;align-items:start}.connection-strip>div{font-size:11px}.story-topline>span:first-child{font-size:7px;letter-spacing:1px}.scene-loading{font-size:9px}.group-section h2{font-size:37px}}
@media(max-width:520px){.header{height:78px}.header .brand{font-size:24px}.header .nav-right>.btn{font-size:9px;min-height:36px;padding:10px;gap:8px}.header .nav-right{gap:8px}.story-stage{height:100svh;min-height:780px}.story-copy{top:195px}.story-copy h1{font-size:44px}.story-copy>p{font-size:11px;max-width:350px}.product-switch{top:118px}.product-switch b{font-size:12px}.product-switch small{font-size:7px}.scene-wrap{top:52%;bottom:121px}.story-bottom{grid-template-columns:1fr 32px;left:5%;right:5%;gap:6px}.journey-meta{left:6%;right:6%;bottom:89px;gap:8px}.journey-meta>div{font-size:8px}.journey-meta>div>span:first-child{font-size:9px}.journey-meta label{gap:3px}#journey-range{width:76px}.chapter-dot small{font-size:6px}.chapter-dot em{display:none}.chapter-dot>span{width:13px;height:13px}.chapter-dot>span:before{left:4px;top:4px;width:3px;height:3px}.chapter-track{top:10px}.section-heading{gap:20px}.context-picker button{padding:9px;font-size:11px}.context-picker{padding:16px}.simulation-start h3{font-size:29px}.sim-step{gap:8px;padding:12px;grid-template-columns:24px 1fr 16px}.scope-note p{font-size:12px}.phone-composition{padding:30px 0}.owner-phone{transform:rotate(3deg);width:253px}.orbit-company{font-size:8px;padding:10px}.oc-one{left:-10px}.oc-two{right:-10px}.oc-three{left:0}.cta-inner h2{font-size:35px}.footer-bottom{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.module-tabs{overflow-y:hidden;scrollbar-width:thin}.scroll-hint{pointer-events:none}
.journey-simulator{color:var(--ink)}.journey-simulator .eyebrow{color:var(--orange)}.journey-simulator .btn-orange{background:var(--orange);color:white}
@media(max-width:800px){.story-bottom .scroll-hint{display:none}}
@media(max-width:360px){.story-copy h1{font-size:37px}.story-copy>p{font-size:10px}.header .brand{font-size:21px}.header .nav-right>.btn{font-size:8px;padding:8px}.product-switch button{padding:8px}.product-switch small{font-size:6px}}
@media(max-width:800px) and (max-height:800px){.story-stage{min-height:700px}.story-copy{top:185px}.story-copy h1{font-size:37px}.story-copy>p{font-size:10px;line-height:1.6}.story-actions{margin-top:12px}.scene-wrap{top:54%}}


/* Dedicated touch layout; desktop retains the cinematic pinned scroll. */
@media(max-width:1000px){
 html{scroll-padding-top:88px}
 .header{height:76px;padding:0 5%;padding-top:env(safe-area-inset-top,0px)}
 .header .brand{font-size:24px}.header .brand-mark{width:28px;height:28px}
 .desktop-nav,.desktop-only{display:none!important}.menu-toggle{display:inline-flex!important;min-width:44px;height:44px}
 .header .nav-right{gap:6px}.header .nav-right>.btn{font-size:10px;min-height:44px;padding:10px 12px;gap:7px}
 .header .nav-right>.btn svg{width:14px}.header .ai-badge{display:none}
 .story{height:auto!important;padding-top:76px}
 .story-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y pinch-zoom;padding:22px 0 20px;isolation:isolate}
 .story-stage:before{inset:42% 0 15%}
 .story-topline{position:static!important;margin:0 6% 16px}.story-topline>span:first-child{font-size:8px;line-height:1.5;letter-spacing:.9px}.story-edition{display:none!important}
 .product-switch{position:static!important;margin:0 6% 24px;display:flex;justify-content:stretch;gap:4px;padding:4px}
 .product-switch button{min-width:0;flex:1;padding:10px 8px;min-height:52px}.product-switch b{font-size:13px}.product-switch small{font-size:9px;line-height:1.3}
 .story-copy{position:static!important;width:auto!important;max-width:none!important;margin:0 6%;transform:none!important}
 .chapter-label{font-size:9px;line-height:1.5;margin-bottom:14px;letter-spacing:1px;gap:8px}
 .story-copy h1{font-size:clamp(35px,8.8vw,52px)!important;letter-spacing:-2px!important;line-height:1.06!important}
 .title-line{white-space:normal}.story-copy>p{font-size:14px!important;line-height:1.7!important;max-width:580px!important;margin-top:18px!important}
 .story-actions{margin-top:20px!important;gap:18px;align-items:center}.story-actions .btn{min-height:46px;font-size:12px;padding:12px 15px}.skip-story{font-size:12px;min-height:44px;align-items:center}
 .chapter-tags{display:none!important}
 .scene-wrap{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;flex:none;width:100%;height:clamp(255px,72vw,390px)!important;margin:8px 0 0;pointer-events:auto;touch-action:pan-y pinch-zoom;mask-image:none;-webkit-mask-image:none;cursor:grab}
 .scene-wrap:active{cursor:grabbing}.scene-wrap canvas{touch-action:pan-y pinch-zoom}
 .scene-note,.focus-card,.scene-coordinate,.scene-hotspot{display:none!important}
 .journey-meta{position:static!important;margin:0 6%;padding:8px 0 10px;gap:12px;border-bottom:1px solid var(--line);min-height:44px;display:flex}
 .journey-meta>div{min-width:0;flex:1;font-size:11px;gap:8px}.journey-meta>div>span:first-child{font-size:10px}
 .journey-meta label{margin:0;font-size:10px;gap:4px}.journey-meta label>span{display:none}.journey-meta strong{font-size:11px;min-width:28px}
 #journey-range{width:84px;height:32px;background-size:100% 2px;background-repeat:no-repeat;background-position:center}
 #journey-range::-webkit-slider-thumb{width:20px;height:20px;border-width:5px}#journey-range::-moz-range-thumb{width:10px;height:10px;border-width:5px}
 .story-bottom{position:static!important;margin:14px 6% 0;display:flex;flex-direction:column;gap:14px;align-items:stretch}
 .story-bottom .scroll-hint{display:none!important}
 .chapter-nav{display:flex;width:100%;max-width:100%;gap:7px;padding:2px 0 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;justify-content:flex-start;position:relative}
 .chapter-track{display:none}.chapter-dot{flex:0 0 auto;min-width:72px;max-width:125px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;display:flex;justify-content:center;gap:0}
 .chapter-dot>span,.chapter-dot em{display:none}.chapter-dot small{font-size:11px;line-height:1.35;white-space:normal;min-height:0;text-align:center;color:#75816d}
 .chapter-dot.active{border-color:var(--orange);background:white}.chapter-dot.active small{color:var(--orange)}
 .story-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px}.story-tools:before{content:'Geser gambar atau pilih tahap';font-size:10px;line-height:1.4;color:var(--muted);margin-right:auto;max-width:135px}
 .story-tools .chapter-arrows{display:flex!important;gap:8px}.chapter-arrow{width:44px;height:44px;font-size:20px}.story-tools .motion-button{display:flex!important}.motion-button .pause-icon{width:44px;height:44px;font-size:14px}
 .module-tabs{display:flex!important;gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 0 8px}.module-tab{flex:0 0 120px;min-height:54px;font-size:12px}
 .section-heading{display:block}.section-heading>p{max-width:560px;margin-top:22px;font-size:14px;line-height:1.75}
 .module-showcase{grid-template-columns:1fr!important;gap:30px}.module-copy{max-width:none}.module-copy>p,.scope-note p{font-size:14px;line-height:1.75}.module-features>span{font-size:13px}.workspace-row p{font-size:12px;line-height:1.65}
 .journey-simulator{grid-template-columns:1fr;gap:28px;padding:25px}.simulation-start p{font-size:14px}.sim-step b{font-size:13px}.sim-step p{font-size:12px}
 .ecosystem-cards{grid-template-columns:1fr}.group-section{grid-template-columns:1fr}.group-section p{font-size:14px}.phone-composition{max-width:460px;margin:auto;width:100%}
 .connection-strip{flex-direction:column;align-items:flex-start;gap:15px;white-space:normal}.connection-strip>div{font-size:12px;line-height:1.8}
 .context-picker{display:block}.context-picker>div{display:flex;flex-wrap:wrap;margin:12px 0}.context-picker button{min-height:44px;font-size:12px}.context-picker p{font-size:13px;line-height:1.7}
 .inline-link{min-height:44px}.form-grid{grid-template-columns:1fr}input,textarea,select{font-size:16px}
 .detail-dialog,.demo-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
}
@media(min-width:601px) and (max-width:1000px){
 .story-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:22px}
 .story-topline,.product-switch,.journey-meta,.story-bottom{grid-column:1/-1}
 .product-switch{max-width:450px}.story-copy{grid-column:1;grid-row:3;margin:0 5% 0 12%}
 .scene-wrap{grid-column:2;grid-row:3;height:400px!important;margin:0}.story-copy h1{font-size:clamp(34px,5vw,46px)!important}
 .story-copy>p{font-size:13px!important}.story-actions{gap:12px}.journey-meta{margin-top:24px}.chapter-nav{justify-content:space-between}.chapter-dot{flex:1}
 .story-tools:before{max-width:none}
}
@media(max-width:360px){.header .brand{font-size:22px}.header .nav-right>.btn{font-size:9px;padding:10px}.product-switch small{font-size:8px}.story-copy h1{font-size:35px!important}.story-copy>p{font-size:13px!important}.story-tools:before{max-width:105px}}


/* Keep product controls beside the mobile journey, bounded by the hero. */
.mobile-product-dock{display:contents}
@media(max-width:1000px){
 .story-stage{overflow:clip!important}
 .mobile-product-dock{display:block;position:sticky;top:76px;z-index:40;flex:none;align-self:stretch;grid-column:1/-1;background:var(--bg,#f5f4ef);padding:12px 0;margin:-12px 0 24px;border-bottom:1px solid #27332c12;box-shadow:0 8px 14px -14px #27332c55}
 .mobile-product-dock .story-topline{margin:0 6% 12px}
 .mobile-product-dock .product-switch{margin:0 6%;max-width:none}
}
@media(min-width:601px) and (max-width:1000px){
 .story-copy,.scene-wrap{grid-row:2}
 .mobile-product-dock .product-switch{max-width:450px}
}

.reveal{opacity:1;transform:none}
.brand .production-logo{width:160px;height:auto;display:block;max-width:none;object-fit:contain}
.header{background:#f5f4effa}.desktop-nav{gap:24px}.mobile-nav{background:#f5f4ef}
.production-footer{padding:42px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;align-items:center;flex-wrap:wrap;background:#f5f4ef}
.production-footer p{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.7}
.production-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.production-footer .copyright{width:100%;font-size:11px}
.production-pricing{padding-top:86px;--orange:#6554b3}
.bikinin-pricing-page{max-width:1320px;margin:auto;padding:75px 6%}
.bikinin-pricing-hero{max-width:880px;padding:15px 0 54px}
.bikinin-pricing-kicker,.bikinin-pricing-product-kicker{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--orange)}
.bikinin-pricing-hero h1{font-size:clamp(39px,5vw,68px);font-weight:500;letter-spacing:-2.5px;line-height:1.05;margin:23px 0}
.bikinin-pricing-lead{font-size:16px;color:var(--muted);line-height:1.8;max-width:720px}
.bikinin-pricing-hero-cta{margin-top:25px}.bikinin-pricing-contact-link{font-size:13px;border-bottom:1px solid;padding-bottom:5px}
.bikinin-pricing-product-nav{position:sticky;top:86px;z-index:15;display:flex;gap:8px;background:#f5f4eff7;border-block:1px solid var(--line);padding:14px 0;overflow-x:auto}
.bikinin-pricing-product-nav a{padding:12px 21px;border:1px solid var(--line);border-radius:9px;font-size:13px;white-space:nowrap;background:white}
.bikinin-pricing-product-nav a:hover{border-color:var(--orange);color:var(--orange)}
.bikinin-pricing-product{padding:70px 0 15px;scroll-margin-top:175px}
#harga-orderin{--orange:#ef5b2a}#harga-jualin{--orange:#287c83}#harga-bisnisin{--orange:#6554b3}#harga-travelin{--orange:#526d51}
.bikinin-pricing-product-head{max-width:810px;margin-bottom:36px}.bikinin-pricing-product-head h2{font-size:46px;font-weight:500;letter-spacing:-1.7px;margin:15px 0}
.bikinin-pricing-product-head>p:last-child{font-size:15px;line-height:1.8;color:var(--muted)}
.bikinin-pricing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bikinin-pricing-card{border:1px solid var(--line);border-radius:16px;background:#fffefa;padding:35px 27px;display:flex;flex-direction:column;position:relative}
.bikinin-pricing-card:has(.bikinin-pricing-badge){border-color:var(--orange);box-shadow:0 12px 30px #27332c09}
.bikinin-pricing-badge{position:absolute;top:-12px;left:24px;background:var(--orange);color:white;border-radius:20px;font-size:10px;padding:6px 12px}
.bikinin-pricing-card h3{font-size:23px;font-weight:500}.bikinin-pricing-price{margin:23px 0 14px;font-size:12px;color:var(--muted)}
.bikinin-pricing-price span{display:block;color:var(--ink);font-size:clamp(29px,2.8vw,39px);letter-spacing:-1.5px;font-weight:600;margin-bottom:6px}
.bikinin-pricing-capacity{font-size:13px;color:var(--orange);padding-bottom:23px;border-bottom:1px solid var(--line)}
.bikinin-pricing-card ul{padding:22px 0 25px 18px;flex:1;margin:0}.bikinin-pricing-card li{font-size:13px;line-height:1.7;padding:0 0 12px 5px;color:var(--muted)}
.bikinin-pricing-card li::marker{color:var(--orange)}
.bikinin-pricing-cta{display:flex;align-items:center;justify-content:center;min-height:48px;background:var(--orange);color:white;font-size:12px;font-weight:700;border-radius:7px;padding:13px;text-align:center}
.bikinin-pricing-cta:hover{background:var(--ink)}
#harga-bisnisin .bikinin-pricing-cards{grid-template-columns:1fr}#harga-bisnisin .bikinin-pricing-card{background:#eeebf5;padding:40px}
#harga-bisnisin ul{columns:2;column-gap:50px}#harga-bisnisin li{break-inside:avoid}#harga-bisnisin .bikinin-pricing-cta{align-self:flex-start;padding-inline:28px}
.production-pricing .skip-link:focus{top:8px}.pricing-note{max-width:950px;margin:50px auto 0;font-size:13px;line-height:1.8;color:var(--muted)}
.noscript-note{padding:110px 6% 30px;background:#eeebf5;line-height:1.8}.noscript-note a{text-decoration:underline}
@media(max-width:1000px){.header .brand .production-logo{width:126px}.mobile-nav{top:76px}.production-pricing{padding-top:76px}.bikinin-pricing-product-nav{top:76px}.bikinin-pricing-page{padding:45px 6%}.bikinin-pricing-cards{grid-template-columns:1fr}.bikinin-pricing-product{padding-top:48px}.bikinin-pricing-card{padding:29px}.bikinin-pricing-card h3{font-size:24px}.bikinin-pricing-price span{font-size:37px}.bikinin-pricing-card li{font-size:14px}.bikinin-pricing-hero h1{letter-spacing:-1.8px}.bikinin-pricing-lead{font-size:14px}.bikinin-pricing-product-nav a{padding:12px 16px}#harga-bisnisin ul{columns:1}#harga-bisnisin .bikinin-pricing-card{padding:28px}.production-footer{align-items:flex-start}.production-footer nav{gap:18px;font-size:12px}}
@media(max-width:360px){.header .brand .production-logo{width:103px}.header .nav-right>.btn{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Bikinin's actual three-part mark, rendered as a softly extruded sculpture. */
.cta-sculpture.bikinin-sculpture{width:260px;height:305px;flex-shrink:0;transform:rotate(-9deg);margin-right:8px}
.bikinin-relief{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:900px){.cta-sculpture.bikinin-sculpture{transform:rotate(-9deg) scale(.8)}}
@media(max-width:640px){.cta-sculpture.bikinin-sculpture{width:150px;height:210px;right:5px;bottom:12px;margin:0;transform:rotate(-9deg);opacity:1}.cta-inner{padding-bottom:215px}}

/* Verified operational workflows — content release v15. */
.capabilities-section{background:#eeefe7;border-block:1px solid var(--line);scroll-margin-top:105px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.capability-card{background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:28px;min-width:0}
.capability-label{display:block;font-size:9px;letter-spacing:1.2px;line-height:1.7;color:var(--orange);font-weight:700;margin-bottom:20px}
.capability-card h3{font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:1.22;margin-bottom:16px}
.capability-card>p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:20px}
.capability-card summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:44px;border-top:1px solid var(--line);padding-top:12px;font-size:13px;font-weight:600;list-style:none}
.capability-card summary::-webkit-details-marker{display:none}.capability-card summary span{font-size:22px;font-weight:400;color:var(--orange)}
.capability-card details[open] summary span{transform:rotate(45deg)}
.capability-card summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.capability-card ol{padding-left:20px;margin:18px 0 0}.capability-card li{font-size:13px;line-height:1.8;color:var(--muted);padding:0 0 14px 4px}.capability-card li::marker{color:var(--orange);font-weight:700}
.capability-scope{font-size:13px;line-height:1.8;color:var(--muted);max-width:850px;margin:28px 0 16px}
.production-pricing .capabilities-section{--orange:#6554b3}.production-pricing .capabilities-section .section-heading p{font-size:15px;line-height:1.8}
.pricing-capabilities-link{display:block;margin-top:18px;font-size:13px;line-height:1.7;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.capability-grid{grid-template-columns:1fr}.capability-card{padding:24px}.capability-card h3{font-size:24px}.capabilities-section .section-heading h2{font-size:36px}.capabilities-section .section-heading{gap:22px}.capability-label{font-size:9px}.capability-card li{font-size:14px}}

/* Screen clarity: readable original texture without losing the 3D composition. */
.screen-zoom{position:absolute;right:6%;bottom:12px;z-index:12;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;background:#fffefa;color:#27332c;border:1px solid #b8bfb1;border-radius:24px;box-shadow:0 3px 14px #27332c12;font-size:13px;font-weight:600;pointer-events:auto}
.screen-zoom[hidden]{display:none!important}.screen-zoom svg{width:18px;height:18px}.no-webgl .screen-zoom{display:none!important}
.screen-dialog{border:1px solid #d9ddd2;border-radius:18px;padding:0;width:min(94vw,760px);max-height:90dvh;background:#f5f4ef;color:#27332c;overflow:auto;margin:auto;box-shadow:0 20px 80px #12251b44}
.screen-dialog::backdrop{background:#17251dbb;backdrop-filter:blur(4px)}
.screen-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;border-bottom:1px solid #d9ddd2;position:sticky;top:0;background:#f5f4ef;z-index:1}
.screen-dialog-head .eyebrow{font-size:9px;letter-spacing:1px}.screen-dialog-head h2{font-size:23px;line-height:1.25;font-weight:500;margin-top:8px;letter-spacing:-.5px}
.screen-dialog-head button{width:44px;height:44px;flex:none;border:1px solid #bcc3b5;border-radius:50%;font-size:25px;line-height:1}
.screen-image-wrap{padding:22px}.screen-image-wrap img{display:block;width:100%;height:auto;max-width:100%;border:1px solid #cbd1c3;border-radius:8px;margin:0 auto;image-rendering:auto}.screen-image-wrap img.portrait{width:min(100%,360px)}
#screen-caption{padding:0 24px 24px;font-size:14px;line-height:1.7;color:#596650}
@media(max-width:600px){.screen-zoom{right:6%;bottom:10px}.screen-dialog-head{padding:16px}.screen-dialog-head h2{font-size:21px}.screen-image-wrap{padding:14px}#screen-caption{padding:0 16px 20px;font-size:13px}}

/* A mobile gesture cue replaces the two desktop story actions. */
.mobile-swipe-hint{display:none}
@media(max-width:1000px){
 .story-copy .story-actions{display:none!important}
 .mobile-swipe-hint{display:flex;align-items:center;gap:12px;min-height:56px;margin-top:20px;padding:9px 0;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab}
 .mobile-swipe-hint:active{cursor:grabbing}.mobile-swipe-hint>span:last-child{min-width:0}
 .mobile-swipe-hint strong{display:block;font-size:13px;font-weight:600;line-height:1.5;color:var(--ink)}
 .mobile-swipe-hint small{display:block;font-size:11px;line-height:1.6;margin-top:2px;color:var(--muted)}
 .swipe-mark{display:block;flex:0 0 80px;height:32px;color:var(--orange)}.swipe-mark svg{display:block;width:80px;height:32px;overflow:visible}
 .swipe-rail{stroke:var(--line);stroke-width:2}.swipe-chevron{stroke:currentColor;stroke-width:2}.swipe-touch{fill:var(--bg);stroke:currentColor;stroke-width:2;animation:swipe-nudge 2.4s ease-in-out infinite}
 body.motion-paused .swipe-touch{animation:none}
}
@keyframes swipe-nudge{0%,15%{transform:translateX(0);opacity:.7}65%,85%{transform:translateX(-24px);opacity:1}100%{transform:translateX(0);opacity:.7}}
@media(prefers-reduced-motion:reduce){.swipe-touch{animation:none!important}}

/* A small illuminated target replaces the detached screen-detail button. */
.screen-zoom.screen-beacon{right:auto;bottom:auto;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;box-shadow:none;transform:translate(-50%,-50%);color:var(--orange);touch-action:pan-y pinch-zoom}
.beacon-core{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #27332c35,0 0 12px currentColor;transition:transform .2s}
.beacon-ring{position:absolute;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 5px #fff9;animation:screen-beacon-pulse 2.2s ease-out infinite;pointer-events:none}
.screen-beacon:hover .beacon-core,.screen-beacon:focus-visible .beacon-core{transform:scale(1.2)}
.screen-beacon:focus-visible{outline:2px solid var(--orange);outline-offset:2px;background:#fff5}
@keyframes screen-beacon-pulse{0%{transform:scale(.7);opacity:.9}80%,100%{transform:scale(2.15);opacity:0}}
body.motion-paused .beacon-ring{animation:none;opacity:.6}
@media(prefers-reduced-motion:reduce){.beacon-ring{animation:none;opacity:.6}}