@charset "UTF-8";
@font-face{font-family:Figtree;src:url("assets/fonts/figtree-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("assets/fonts/figtree-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
/* The page content is scoped so Odoo keeps its own header and footer. */
.gp-page{--brand:#1ebaed;--brand-dark:#006c91;--ink:#172c37;--muted:#4e606b;--navy:#082d3b;--pale:#edf7fb;--line:#dce5eb;--control:#728693;--danger:#8e3919;font-family:Figtree,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.5;isolation:isolate;overflow-wrap:break-word}
.gp-page *,.gp-page *:before,.gp-page *:after{box-sizing:border-box}.gp-page button,.gp-page input{font:inherit;color:inherit}.gp-page button,.gp-page a{-webkit-tap-highlight-color:transparent}.gp-page button{cursor:pointer}.gp-page a{color:inherit;text-decoration:none}.gp-page img,.gp-page canvas{display:block;max-width:100%}.gp-page svg{display:block}.gp-page fieldset{border:0;padding:0;margin:0;min-width:0}.gp-page [hidden]{display:none!important}.gp-page h1,.gp-page h2,.gp-page h3,.gp-page p{margin-top:0}.gp-page em{font-style:normal;color:var(--brand-dark)}.gp-page button:focus-visible,.gp-page a:focus-visible,.gp-page summary:focus-visible,.gp-page input:focus-visible,.gp-page [tabindex]:focus-visible{outline:3px solid #005b82;outline-offset:4px;box-shadow:0 0 0 2px #fff}.gp-page section{scroll-margin-top:28px}.gp-page .shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}.gp-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.gp-page .skip{position:fixed;top:-160px;left:16px;background:#fff;padding:16px 20px;z-index:1000;border:2px solid #005b82;border-radius:8px;min-height:48px;font-weight:700}.gp-page .skip:focus{top:12px}
.gp-page .eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;line-height:1.6;margin:0 0 20px;color:#4a626f}.gp-page h2{font-size:clamp(34px,3.4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-1.3px;margin:0}.gp-page .btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:13px 23px;border:1px solid #006c91;border-radius:28px;font-size:16px;font-weight:700;line-height:1.4;text-align:center;transition:background .16s,border-color .16s}.gp-page .btn>span[aria-hidden]{font-size:21px;line-height:1}.gp-page .btn-dark{background:var(--brand);color:#102c3a}.gp-page .btn-dark:hover{background:#59cbef}.gp-page .btn-outline{background:#fff;border-color:#738895;color:#213f50}.gp-page .btn-outline:hover{background:#edf8fd;border-color:#006c91}.gp-page .btn-small{min-height:48px;font-size:15px;padding:11px 18px;gap:10px}.gp-page .text-link{display:inline-flex;gap:16px;align-items:center;min-height:46px;font-size:16px;font-weight:700;color:#006789;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.gp-page .text-link:hover{color:#003f59}.gp-page .hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:58px;padding-block:48px 68px}.gp-page .hero-copy{padding-block:24px}.gp-page .hero-brand{display:flex;align-items:center;gap:18px;margin-bottom:40px}.gp-page .goneo-mark{position:relative;display:block;width:150px;aspect-ratio:811/206;overflow:hidden;flex:none}.gp-page .goneo-mark>img{width:162.1455%;max-width:none;height:auto;position:absolute;left:-31.07275%;top:-133.49515%}.gp-page .brand-divider{width:1px;height:27px;background:#bccbd3}.gp-page .product-line{font-size:18px;font-weight:700;letter-spacing:-.3px}.gp-page .hero .eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:19px}.gp-page .hero h1{font-weight:700;font-size:clamp(40px,4.5vw,64px);line-height:1.07;letter-spacing:-2.2px;margin-bottom:24px}.gp-page .hero h1 em{color:#006c91}.gp-page .hero-description{font-size:19px;line-height:1.7;color:var(--muted);margin-bottom:30px}.gp-page .hero-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.gp-page .hero-details{list-style:none;padding:24px 0 0;margin:32px 0 0;display:flex;flex-wrap:wrap;gap:16px 28px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.gp-page .hero-details b{font-size:16px;font-weight:700;color:#263e4d;margin-right:3px}.gp-page .hero-media{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#e4e3e0;align-self:stretch;min-height:540px}.gp-page .hero-media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:51% 50%}.gp-page .hero-media figcaption{position:absolute;bottom:20px;left:20px;right:20px;padding:17px 20px;background:#fff;display:flex;align-items:center;gap:12px;border-radius:13px;font-size:13px;color:#4e606b;line-height:1.5;box-shadow:0 4px 16px #142f3a0a}.gp-page .hero-media figcaption b{font-size:17px;letter-spacing:-.3px;color:#172c37;font-weight:700}.gp-page .photo-dot{width:9px;height:9px;border-radius:50%;background:#00799f;flex:none}.gp-page .photo-caption-end{font-size:10px;font-weight:700;letter-spacing:1.1px;line-height:1.7;margin-left:auto;text-align:right;color:#4a626f}
.gp-page .experience{padding:64px 0 35px;background:#f3f7fa;border-block:1px solid #e5edf2}.gp-page .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.gp-page .section-heading .eyebrow{margin-bottom:15px}.gp-page .section-heading>p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 3px;max-width:420px}.gp-page .experience-card{border:1px solid #c9d7df;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 14px 38px #243e4d07}.gp-page .demo-toolbar{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:23px 26px;border-bottom:1px solid var(--line)}.gp-page .demo-toolbar fieldset{display:flex;align-items:center;gap:12px}.gp-page .demo-toolbar legend{float:left;width:auto;font-size:13px;font-weight:700;color:#3c5564;margin-right:12px;padding:12px 0}.gp-page .segmented{display:flex;gap:4px;flex-wrap:wrap;background:#f3f6f8;border:1px solid #b3c3cc;padding:3px;border-radius:10px}.gp-page .segmented button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:7px;padding:8px 11px;background:transparent;font-size:14px;color:#344e5d}.gp-page .segmented button:hover{background:#e1f4fc}.gp-page .segmented button.active{border-color:#006c91;background:#fff;box-shadow:0 1px 4px #15394a14;font-weight:700;color:#004f6c}.gp-page .selection-check{display:none}.gp-page .active .selection-check{display:inline}.gp-page .swatch{width:15px;height:15px;border:1px solid #738895;display:inline-block;flex:none;border-radius:50%}.gp-page .nero{background:#232629}.gp-page .bianco{background:#fff}.gp-page .demo-utilities{display:flex;gap:9px;margin-left:auto;flex-wrap:wrap}.gp-page .quiet-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:700;color:#355363;line-height:1.5}.gp-page .quiet-button:hover{background:#e7f4fb;border-color:#8da5b3}.gp-page .quiet-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.gp-page #auto-demo{border-color:#8095a1;background:#fff}.gp-page #auto-demo svg{fill:currentColor;stroke:none;width:13px}.gp-page .auto-running #auto-demo{background:#dff6ff;border-color:#006c91;color:#004e6a}.gp-page .steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 26px;margin:0;border-bottom:1px solid var(--line);background:#fff}.gp-page .steps li{display:flex;align-items:center;gap:10px;color:#4e606b;font-size:13px;line-height:1.4;padding:15px 8px 15px 0;position:relative}.gp-page .steps li.current:after,.gp-page .steps li.done:after{content:"";position:absolute;bottom:-1px;left:0;right:16px;height:3px;background:#006c91;border-radius:2px}.gp-page .steps li.done:after{background:#24724f}.gp-page .step-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;border:1px solid #7c909d;border-radius:50%;font-size:11px;font-weight:700;color:#405b6b;background:#fff}.gp-page .steps .current{font-weight:700;color:#004e6a}.gp-page .steps .current .step-number{border-color:#006c91;color:#004e6a;background:#e6f7fe}.gp-page .steps .done .step-number{background:#24724f;border-color:#24724f;color:#fff}.gp-page .demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;background:#f7f9fb}.gp-page .demo-visual{min-width:0;background:#f7f9fb}.gp-page .scene-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#4e606b;padding:23px 26px 0;margin:0}.gp-page #scene-spec{font-weight:700;color:#344d5d}.gp-page .scene-window{position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7d919d #e6edf3;min-height:265px}.gp-page .scene{position:relative;min-width:680px;height:265px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#fff,transparent 70%);--track-width:700px;--rail-h:61px;--unit:44px}.gp-page .rail-area{position:absolute;left:50%;transform:translateX(-50%);top:85px;width:var(--track-width);height:var(--rail-h)}.gp-page .rail{position:absolute;inset:0;cursor:crosshair;border-radius:3px;filter:drop-shadow(0 11px 8px #10263428)}.gp-page .rail>canvas{width:100%;height:100%;border-radius:2px}.gp-page .module-layer{position:absolute;inset:0;pointer-events:none}.gp-page .module{position:absolute;left:50%;top:calc(var(--rail-h)*.5 - var(--unit)*.5);height:var(--unit);width:var(--unit);transform:translateX(-50%);z-index:2;pointer-events:auto;filter:drop-shadow(1px 5px 4px #0d21342a)}.gp-page .module.selected:after{content:"";position:absolute;inset:-7px;border:2px solid #00799f;box-shadow:0 0 0 3px #fff9;pointer-events:none;border-radius:50%}.gp-page .socket-base,.gp-page .socket-ring-rotor{position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;pointer-events:none;background:#fff}.gp-page .socket-base>img,.gp-page .socket-ring-rotor>img{max-width:none;position:absolute;display:block;pointer-events:none}.gp-page .ring-control{position:absolute;inset:0;overflow:hidden;padding:0;border:0;background:transparent;border-radius:50%;z-index:3;touch-action:none;cursor:grab}.gp-page .ring-control:active{cursor:grabbing}.gp-page .socket-ring-rotor{background:none;mask-image:radial-gradient(circle closest-side,transparent 0 81%,#000 83% 100%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 81%,#000 83% 100%);transition:transform .3s ease}.gp-page .module.on .socket-ring-rotor{transform:rotate(43deg)}.gp-page .socket-face{position:absolute;inset:12%;min-width:35px;min-height:35px;border:0;background:transparent;padding:0;border-radius:50%;z-index:4;touch-action:none;cursor:pointer}.gp-page .socket-led{display:none;position:absolute;z-index:5;top:10%;left:calc(50% - 2px);width:4px;height:4px;background:#fff5d2;border:1px solid #b4c6c9;box-shadow:0 0 4px #fff3b6;pointer-events:none;border-radius:1px}.gp-page .module.on .socket-led{display:block}.gp-page .socket-release{position:absolute;left:-29px;top:calc(100% - 12px);width:44px;height:44px;border:1px solid #537c93;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#005775;background:#fff;z-index:6;padding:0;font-size:21px;touch-action:none}.gp-page .socket-release:hover{background:#dff6ff;border-color:#005775}.gp-page .module-state{position:absolute;top:calc(100% + 30px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;line-height:1.5;font-weight:700;color:#3f505c;background:#f7f9fb;border-radius:4px;padding:2px 5px}.gp-page .module.on .module-state{color:#175a3b}.gp-page .empty-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;color:#005575;z-index:3;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:700}.gp-page .empty-target>span{height:54px;width:54px;display:flex;align-items:center;justify-content:center;border:2px dashed #006c91;background:#f4fbffef;border-radius:50%;font-size:29px;font-weight:400}.gp-page .empty-target small{font-size:13px;background:#fff;padding:9px 13px;border-radius:7px;border:1px solid #7492a1;white-space:nowrap;box-shadow:0 4px 12px #0a395412}.gp-page .empty-target:hover>span{background:#d5f3ff}.gp-page .holding-target{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.gp-page .holding-target>span{height:54px;width:54px;display:flex;align-items:center;justify-content:center;border:2px dashed #006c91;background:#e9faffbd;border-radius:50%;font-size:30px;color:#005575}.gp-page .rail-measure{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:var(--track-width);display:flex;align-items:center;gap:14px;color:#4a626f;font-size:12px}.gp-page .rail-measure>span{height:1px;background:#b5c6d0;flex:1;position:relative}.gp-page .rail-measure>span:first-child:before,.gp-page .rail-measure>span:last-child:after{content:"";position:absolute;top:-3px;width:1px;height:7px;background:#9bb1be}.gp-page .rail-measure>span:last-child:after{right:0}.gp-page .rail-measure b{font-weight:400}.gp-page .scene-help{margin:0;padding:6px 26px 22px;display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;color:#4e606b}.gp-page .scene-help>span:first-child{color:#006c91;font-size:18px;line-height:1.2}.gp-page .mobile-help{display:none}.gp-page .interaction-panel{border-left:1px solid var(--line);padding:27px 23px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:19px;min-width:0}.gp-page .interaction-copy{display:flex;align-items:flex-start;gap:13px;min-width:0}.gp-page .panel-icon{display:flex;align-items:center;justify-content:center;height:30px;width:30px;border:1px solid #a7bdc9;background:#f2f8fc;border-radius:50%;flex:none;font-size:12px;font-weight:700;color:#005d7e}.gp-page .panel-kicker{font-size:11px;font-weight:700;letter-spacing:.9px;color:#4e606b;margin-bottom:9px;line-height:1.6}.gp-page .interaction-copy h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px;font-weight:700}.gp-page .interaction-copy p:last-child{font-size:15px;line-height:1.7;color:#4e606b;margin:0}.gp-page .module-actions{display:flex;flex-direction:column;gap:9px}.gp-page .module-actions .btn{width:100%}.gp-page [aria-disabled="true"]{color:#52636d;background:#f1f4f6;border-color:#80929c}.gp-page .holding-actions{display:flex;flex-direction:column;gap:13px}.gp-page .holding-actions label{font-size:14px;font-weight:700}.gp-page .position-output{display:flex;align-items:center;gap:9px;margin-top:9px}.gp-page .position-output input{width:100%;min-width:0;min-height:44px;accent-color:#006c91;flex:1}.gp-page .position-output output{min-width:38px;font-size:13px;font-weight:400;text-align:right}.gp-page .holding-secondary{display:flex;align-items:center;justify-content:space-between;gap:6px}.gp-page .demo-message{font-size:13px;line-height:1.65;color:#365569;background:#eef7fc;padding:12px 14px;border-radius:8px;border-left:3px solid #00779c;overflow-wrap:anywhere}.gp-page .demo-message:empty{display:none}.gp-page .demo-message.warning{background:#fff5ec;color:#813715;border-left-color:#a14d24}.gp-page .module-tray{display:grid;grid-template-columns:180px repeat(3,minmax(0,1fr));gap:14px;padding:22px 26px;border-top:1px solid var(--line);background:#fff}.gp-page .tray-label{align-self:center}.gp-page .tray-label .eyebrow{font-size:11px;margin-bottom:8px;letter-spacing:1px}.gp-page .tray-label>p:last-child{font-size:13px;line-height:1.7;color:#4e606b;margin:0}.gp-page .tray-item{position:relative;display:flex;align-items:center;gap:13px;padding:14px 28px 14px 9px;background:#fafcfd;border:1px solid #758994;border-radius:11px;text-align:left;min-height:106px;transition:background .16s,border-color .16s}.gp-page .tray-item:hover{background:#edf8fe;border-color:#006c91}.gp-page .tray-item.picked{border:2px solid #006c91;background:#edf8fe;padding:13px 27px 13px 8px}.gp-page .tray-item>img{width:77px;height:77px;object-fit:contain;mix-blend-mode:multiply;flex:none;user-select:none;touch-action:none}.gp-page .tray-item b{display:block;font-size:14px;font-weight:700;line-height:1.4;color:#203c4d}.gp-page .tray-item small{display:block;font-size:12px;color:#4e606b;line-height:1.6;margin-top:4px}.gp-page .tray-item>i{position:absolute;right:9px;top:9px;color:#006c91;font-style:normal;font-size:20px;line-height:1;font-weight:400}.gp-page .demo-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;background:#f5f9fc;border-top:1px solid var(--line)}.gp-page .demo-summary p{font-size:14px;font-weight:700;line-height:1.6;margin:0 0 3px}.gp-page .demo-summary>div>span{font-size:12px;color:#4e606b;line-height:1.6;display:block}.gp-page .demo-summary>.btn{font-size:14px;min-height:46px;padding:10px 18px;background:white}.gp-page .demo-footnote{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;font-size:12px;color:#4e606b}.gp-page .demo-footnote p{margin:0}.gp-page .demo-footnote a{min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:4px}.gp-page .noscript-note{padding:20px;background:#fff5ec;color:#813715}.gp-page .drag-over{background:#e7f8ff}.gp-page .drag-ghost{position:fixed;width:86px;height:86px;transform:translate(-50%,-50%);pointer-events:none;z-index:1000;filter:drop-shadow(0 8px 12px #062e4340)}.gp-page .drag-ghost .module{position:relative;left:0;top:0;height:86px;width:86px;transform:none}.gp-page .blocked{animation:gp-blocked .24s ease 2}@keyframes gp-blocked{50%{translate:4px 0}}
.gp-page .detail-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:100px}.gp-page .rotation-visual{position:relative;background:#edf3f7;aspect-ratio:1/1.08;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gp-page .rotation-visual>img{width:59%;height:auto;mix-blend-mode:multiply;border-radius:50%;filter:drop-shadow(0 16px 10px #17324721)}.gp-page .rotation-visual:before{content:"";position:absolute;inset:12%;border:1px solid #aec6d3;border-radius:50%}.gp-page .rotation-label{position:absolute;display:flex;align-items:center;gap:10px;background:#edf3f7;padding:8px;font-size:13px;letter-spacing:1px;font-weight:700;color:#005f80}.gp-page .rotation-label span{font-size:30px;line-height:1}.gp-page .rotation-label-on{top:9%;left:33%}.gp-page .rotation-label-off{right:9%;bottom:18%;color:#4a626f}.gp-page .fixed-label{position:absolute;left:0;right:0;bottom:24px;text-align:center;font-size:13px;line-height:1.6;color:#4e606b}.gp-page .detail-copy h2{margin-bottom:24px}.gp-page .section-intro{font-size:17px;line-height:1.75;color:#4e606b;margin:0 0 25px}.gp-page .detail-list{list-style:none;margin:0 0 15px;padding:0}.gp-page .detail-list li{display:flex;gap:17px;padding:17px 0;border-top:1px solid var(--line)}.gp-page .detail-list li>span{font-size:11px;font-weight:700;color:#006c91;margin-top:4px}.gp-page .detail-list h3{font-size:16px;line-height:1.5;font-weight:700;margin-bottom:5px}.gp-page .detail-list p{font-size:14px;line-height:1.7;color:#4e606b;margin:0}.gp-page .detail-copy>.text-link{font-size:14px}.gp-page .real-life{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#092e3d;border-radius:24px;overflow:hidden;color:#fff;margin-bottom:100px}.gp-page .real-life-image{align-self:stretch;min-height:420px;position:relative}.gp-page .real-life-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%}.gp-page .real-life-copy{padding:48px 50px}.gp-page .real-life-copy .eyebrow{color:#b4d6e6;font-size:10px;letter-spacing:1.1px}.gp-page .real-life h2{font-size:39px;margin-bottom:24px}.gp-page .real-life h2 em{color:#1ebaed}.gp-page .real-life-copy>p:not(.eyebrow):not(.video-note){font-size:16px;line-height:1.8;color:#d1e1e9;margin-bottom:28px}.gp-page .real-life .btn{font-size:14px;gap:12px}.gp-page .real-life .btn svg{width:16px;height:16px;fill:currentColor;flex:none}.gp-page .video-note{font-size:11px;color:#bdd6e2;margin:12px 0 0;line-height:1.6}.gp-page .range-section{padding-bottom:80px}.gp-page .range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gp-page .range-card{display:block;background:#fff;border:1px solid #9fb4c0;border-radius:15px;padding:27px;transition:border-color .16s,background .16s}.gp-page .range-card:hover{border-color:#006c91;background:#f5fbfe}.gp-page .range-name{display:flex;justify-content:space-between;align-items:center;gap:12px}.gp-page .range-name h3{font-size:45px;line-height:1.2;letter-spacing:-1.3px;font-weight:700;margin:0;white-space:nowrap}.gp-page .range-name h3 small{font-size:19px;letter-spacing:-.2px;font-weight:400}.gp-page .range-capacity{font-size:11px;line-height:1.6;color:#4e606b}.gp-page .range-visual{height:128px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gp-page .range-visual canvas{flex:none;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 6px 3px #102c3f19)}.gp-page [data-product-rail="500"]{width:48%;height:auto}.gp-page [data-product-rail="750"]{width:72%;height:auto}.gp-page [data-product-rail="1000"]{width:96%;height:auto}.gp-page .range-card>p{font-size:14px;line-height:1.7;color:#4e606b;margin-bottom:20px}.gp-page .range-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.gp-page .range-finishes{display:flex;gap:5px;align-items:center;font-size:12px;color:#4e606b}.gp-page .range-finishes i{height:12px;width:12px;border-radius:50%;border:1px solid #738895;flex:none}.gp-page .range-finishes i:nth-child(2){margin-right:4px}.gp-page .circle-arrow{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border:1px solid #658392;border-radius:50%;font-size:23px;color:#006485}.gp-page .range-link{display:block;border-top:1px solid var(--line);margin-top:19px;padding-top:15px;font-size:13px;line-height:1.6;font-weight:700;color:#006789;text-decoration:underline;text-underline-offset:4px}.gp-page .purchase-note{display:flex;align-items:center;gap:20px;background:#eff8fd;border:1px solid #c6dae5;padding:23px 28px;border-radius:12px;margin-top:22px}.gp-page .purchase-note-icon{font-size:29px;color:#006789;flex:none}.gp-page .purchase-note h3{font-size:16px;margin:0 0 5px;line-height:1.5}.gp-page .purchase-note p{font-size:14px;color:#4e606b;line-height:1.7;margin:0}.gp-page .faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding-block:65px 100px;border-top:1px solid var(--line)}.gp-page .faq-contact{font-size:14px;color:#4e606b;line-height:1.7;margin:26px 0 0}.gp-page .faq-contact .text-link{font-size:14px;margin-top:6px}.gp-page .faq-list{border-top:1px solid #a8bdc8}.gp-page .faq-list details{border-bottom:1px solid #a8bdc8}.gp-page .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding-block:23px;list-style:none;cursor:pointer;font-size:16px;font-weight:700;line-height:1.6}.gp-page .faq-list summary::-webkit-details-marker{display:none}.gp-page .faq-list summary>span{font-size:25px;color:#006789;padding-inline:6px;flex:none}.gp-page .faq-list details[open] summary>span{transform:rotate(45deg)}.gp-page .faq-list details>p{font-size:15px;line-height:1.8;color:#4e606b;margin:0 0 26px}
@media(max-width:1199px){.gp-page .shell{width:calc(100% - 56px)}.gp-page .hero{gap:35px}.gp-page .hero h1{font-size:49px;letter-spacing:-1.6px}.gp-page .hero-brand{margin-bottom:30px}.gp-page .hero-description{font-size:17px}.gp-page .hero-media{min-height:520px}.gp-page .hero-actions{gap:12px}.gp-page .hero .text-link{font-size:14px}.gp-page .hero-details{gap:12px 18px;font-size:13px}.gp-page .demo-workspace{grid-template-columns:1fr}.gp-page .scene{height:275px}.gp-page .scene-window{min-height:275px}.gp-page .interaction-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);align-items:center;padding:23px 26px;gap:15px 30px}.gp-page .interaction-copy{grid-column:1;grid-row:1/3}.gp-page .module-actions,.gp-page .holding-actions{grid-column:2}.gp-page .module-actions{flex-direction:row;flex-wrap:wrap}.gp-page .module-actions .btn{flex:1 1 170px}.gp-page .demo-message{grid-column:2}.gp-page .module-tray{grid-template-columns:150px repeat(3,minmax(0,1fr));gap:10px}.gp-page .tray-item{gap:8px;padding-right:20px}.gp-page .tray-item>img{width:60px;height:60px}.gp-page .tray-item b{font-size:13px}.gp-page .detail-section{gap:50px;padding-block:80px}.gp-page .real-life{margin-bottom:80px}.gp-page .real-life-copy{padding:36px}.gp-page .real-life h2{font-size:34px}.gp-page .real-life .btn{font-size:13px;padding-inline:18px}.gp-page .range-card{padding:23px}.gp-page .range-name h3{font-size:40px}.gp-page .range-name{align-items:flex-start;flex-direction:column;gap:4px}.gp-page .range-visual{height:105px}.gp-page .faq-section{gap:55px}}
@media(max-width:900px){.gp-page .hero{grid-template-columns:1fr 1fr;gap:26px;padding-block:35px 48px}.gp-page .hero h1{font-size:40px;letter-spacing:-1.3px}.gp-page .hero .eyebrow{font-size:10px;letter-spacing:.8px}.gp-page .hero-brand{gap:13px;margin-bottom:28px}.gp-page .goneo-mark{width:122px}.gp-page .product-line{font-size:15px}.gp-page .brand-divider{height:22px}.gp-page .hero-description{font-size:16px}.gp-page .hero-media{min-height:490px}.gp-page .hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.gp-page .hero .btn{font-size:15px;min-height:48px;padding:12px 20px}.gp-page .hero-details{gap:10px 15px;margin-top:22px;padding-top:18px}.gp-page .hero-details li:last-child{flex-basis:100%}.gp-page .photo-caption-end{display:none}.gp-page .hero-media figcaption{left:14px;right:14px;bottom:14px;padding:14px}.gp-page .experience{padding-top:48px}.gp-page .section-heading{gap:25px}.gp-page .section-heading>p{font-size:15px;max-width:300px}.gp-page .demo-toolbar{gap:17px;padding:20px}.gp-page .demo-utilities{margin-left:0;flex:1 1 100%;justify-content:flex-end}.gp-page .module-tray{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px;gap:12px}.gp-page .tray-label{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px}.gp-page .tray-label .eyebrow{margin:0}.gp-page .tray-label>p:last-child{font-size:12px}.gp-page .tray-label br{display:none}.gp-page .tray-item{gap:9px;padding:16px 22px 16px 9px}.gp-page .tray-item b{font-size:13px}.gp-page .tray-item>img{width:65px;height:65px}.gp-page .detail-section{gap:30px;padding-block:65px}.gp-page .detail-copy .eyebrow{font-size:10px;letter-spacing:1px}.gp-page .section-intro{font-size:16px}.gp-page .detail-list p{font-size:13px}.gp-page .rotation-visual{aspect-ratio:1/1.3}.gp-page .real-life-copy{padding:30px}.gp-page .real-life h2{font-size:30px}.gp-page .real-life-copy>p:not(.eyebrow):not(.video-note){font-size:15px}.gp-page .real-life-image{min-height:450px}.gp-page .real-life .btn{gap:9px;font-size:12px;padding-inline:13px}.gp-page .range-grid{gap:13px}.gp-page .range-card{padding:19px}.gp-page .range-card>p{font-size:13px}.gp-page .range-finishes{font-size:11px;flex-wrap:wrap;max-width:110px}.gp-page .circle-arrow{width:32px;height:32px;font-size:20px;flex:none}.gp-page .range-link{font-size:12px}.gp-page .faq-section{gap:35px}}
@media(max-width:640px){.gp-page .shell{width:calc(100% - 36px)}.gp-page .hero{grid-template-columns:1fr;padding-block:28px 38px;gap:28px}.gp-page .hero-copy{padding:0}.gp-page .hero-brand{margin-bottom:28px}.gp-page .goneo-mark{width:135px}.gp-page .product-line{font-size:16px}.gp-page .hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:17px}.gp-page .hero h1{font-size:clamp(36px,9vw,52px);letter-spacing:-1.4px;line-height:1.1;margin-bottom:20px}.gp-page .hero-description{font-size:16px;line-height:1.75;margin-bottom:24px}.gp-page .hero-actions{flex-direction:row;align-items:center;gap:8px 17px}.gp-page .hero .btn{font-size:14px;padding-inline:19px;min-height:48px}.gp-page .hero .text-link{font-size:13px;gap:8px}.gp-page .hero-details{margin-top:22px;padding-top:18px;gap:10px 18px;font-size:12px}.gp-page .hero-details b{font-size:14px}.gp-page .hero-details li:last-child{flex-basis:auto}.gp-page .hero-media{min-height:0;aspect-ratio:1.15;border-radius:16px}.gp-page .hero-media>img{object-position:50% 49%}.gp-page .hero-media figcaption{padding:12px 15px;border-radius:9px;font-size:12px}.gp-page .hero-media figcaption b{font-size:15px}.gp-page .photo-caption-end{display:block;font-size:9px}.gp-page h2{font-size:34px;line-height:1.12;letter-spacing:-.8px}.gp-page .experience{padding-block:38px 22px}.gp-page .section-heading{display:block;margin-bottom:25px}.gp-page .section-heading .eyebrow{font-size:10px;margin-bottom:13px;letter-spacing:1px}.gp-page .section-heading h2 br{display:none}.gp-page .section-heading h2 em:before{content:" "}.gp-page .section-heading>p{font-size:15px;line-height:1.7;max-width:none;margin-top:15px}.gp-page .section-heading>p br{display:none}.gp-page .experience>.shell{width:calc(100% - 24px)}.gp-page .experience .section-heading{padding-inline:6px}.gp-page .experience-card{border-radius:14px}.gp-page .demo-toolbar{padding:16px;gap:15px 17px;align-items:flex-start}.gp-page .demo-toolbar fieldset{display:block;flex:1 1 100%}.gp-page .demo-toolbar legend{float:none;width:100%;margin:0 0 7px;padding:0;font-size:12px}.gp-page .segmented{display:inline-flex;flex-wrap:nowrap}.gp-page .segmented button{font-size:14px;padding:8px 12px;min-height:44px}.gp-page .finish-options .segmented{display:flex}.gp-page .finish-options button{flex:1 1 50%}.gp-page .demo-toolbar .length-options{flex:1 1 auto}.gp-page .demo-utilities{flex:1 1 100%;margin:0;justify-content:space-between;gap:8px;padding-top:3px}.gp-page .quiet-button{font-size:12px;padding-inline:9px;min-height:44px}.gp-page .steps{padding-inline:14px;gap:10px 8px;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:14px}.gp-page .steps li{font-size:12px;padding:2px 0;gap:8px;min-height:28px}.gp-page .steps li.current:after,.gp-page .steps li.done:after{display:none}.gp-page .step-number{width:24px;height:24px;font-size:10px}.gp-page .scene-topline{padding:18px 16px 0;font-size:12px;gap:8px}.gp-page .scene-window{min-height:225px}.gp-page .scene{height:225px;min-width:680px}.gp-page .rail-area{top:65px}.gp-page .rail-measure{bottom:22px}.gp-page .scene-help{padding:8px 16px 18px;font-size:12px;line-height:1.7}.gp-page .desktop-help{display:none}.gp-page .mobile-help{display:inline}.gp-page .interaction-panel{display:flex;align-items:stretch;padding:20px 17px;gap:16px;min-height:0}.gp-page .interaction-copy{gap:12px}.gp-page .panel-icon{width:28px;height:28px;font-size:11px}.gp-page .panel-kicker{font-size:10px;letter-spacing:.7px;margin-bottom:7px}.gp-page .interaction-copy h3{font-size:21px;line-height:1.3;margin-bottom:9px;letter-spacing:-.3px}.gp-page .interaction-copy p:last-child{font-size:15px;line-height:1.75}.gp-page .module-actions{flex-direction:row;gap:9px}.gp-page .module-actions .btn{flex:1 1 100%;font-size:14px;min-height:48px}.gp-page .holding-actions{gap:10px}.gp-page .holding-actions label{font-size:14px}.gp-page .holding-actions .btn{min-height:48px;font-size:14px}.gp-page .holding-secondary .quiet-button{font-size:13px}.gp-page .demo-message{font-size:13px;line-height:1.7;padding:11px 13px}.gp-page .module-tray{padding:17px 12px;gap:8px}.gp-page .tray-label{display:block;padding-inline:4px;margin-bottom:3px}.gp-page .tray-label .eyebrow{margin-bottom:6px;font-size:10px}.gp-page .tray-label>p:last-child{font-size:12px}.gp-page .tray-item{flex-direction:column;text-align:center;justify-content:flex-start;padding:16px 5px 13px;gap:8px;min-height:163px;border-radius:9px}.gp-page .tray-item.picked{padding:15px 4px 12px}.gp-page .tray-item>img{height:70px;width:70px}.gp-page .tray-item b{font-size:13px;line-height:1.5}.gp-page .tray-item small{font-size:12px;line-height:1.6;margin-top:3px}.gp-page .tray-item>i{font-size:17px;top:6px;right:6px}.gp-page .demo-summary{padding:18px 16px;display:block}.gp-page .demo-summary p{font-size:14px}.gp-page .demo-summary>div>span{font-size:12px;margin-top:5px}.gp-page .demo-summary>.btn{margin-top:16px;width:100%;font-size:13px;min-height:48px;padding-inline:13px}.gp-page .demo-footnote{display:block;padding-inline:6px;font-size:11px;margin-top:14px}.gp-page .demo-footnote a{font-size:12px;margin-top:2px;min-height:44px}.gp-page .detail-section{grid-template-columns:1fr;gap:30px;padding-block:50px}.gp-page .detail-copy{grid-row:1}.gp-page .detail-copy .eyebrow{font-size:10px;letter-spacing:1px}.gp-page .detail-copy h2{margin-bottom:20px}.gp-page .section-intro{font-size:16px;line-height:1.75;margin-bottom:20px}.gp-page .detail-list li{padding-block:16px}.gp-page .detail-list h3{font-size:15px}.gp-page .detail-list p{font-size:14px;line-height:1.75}.gp-page .rotation-visual{aspect-ratio:1.2;border-radius:16px}.gp-page .rotation-visual>img{width:52%}.gp-page .rotation-visual:before{inset:10% 18%}.gp-page .rotation-label{font-size:11px;padding:4px 8px;gap:6px}.gp-page .rotation-label span{font-size:25px}.gp-page .rotation-label-on{top:7%;left:37%}.gp-page .rotation-label-off{right:14%;bottom:17%}.gp-page .fixed-label{bottom:14px;font-size:12px}.gp-page .real-life{grid-template-columns:1fr;border-radius:16px;margin-bottom:50px}.gp-page .real-life-image{min-height:0;aspect-ratio:1.15}.gp-page .real-life-image>img{object-position:50% 48%}.gp-page .real-life-copy{padding:28px 23px}.gp-page .real-life h2{font-size:32px;line-height:1.15;margin-bottom:20px}.gp-page .real-life .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:15px}.gp-page .real-life-copy>p:not(.eyebrow):not(.video-note){font-size:15px;line-height:1.75;margin-bottom:24px}.gp-page .real-life .btn{font-size:13px;gap:9px;width:100%;padding:13px 12px;min-height:48px}.gp-page .video-note{font-size:11px;line-height:1.7}.gp-page .range-section{padding-bottom:45px}.gp-page .range-grid{grid-template-columns:1fr;gap:15px}.gp-page .range-card{padding:23px;border-radius:13px}.gp-page .range-name{flex-direction:row;align-items:center;gap:15px}.gp-page .range-name h3{font-size:42px}.gp-page .range-name h3 small{font-size:18px}.gp-page .range-capacity{font-size:12px}.gp-page .range-visual{height:107px}.gp-page .range-card>p{font-size:14px;margin-bottom:16px}.gp-page .range-card>p br{display:none}.gp-page .range-finishes{font-size:12px;max-width:none;flex-wrap:nowrap}.gp-page .circle-arrow{width:37px;height:37px;font-size:22px}.gp-page .range-link{font-size:13px;margin-top:16px;padding-top:15px}.gp-page .purchase-note{padding:20px;gap:14px;align-items:flex-start;margin-top:18px}.gp-page .purchase-note-icon{font-size:25px;line-height:1.5}.gp-page .purchase-note h3{font-size:15px;line-height:1.6;margin-bottom:7px}.gp-page .purchase-note p{font-size:13px;line-height:1.8}.gp-page .faq-section{grid-template-columns:1fr;padding-block:35px 55px;gap:24px}.gp-page .faq-section .eyebrow{font-size:10px;margin-bottom:13px}.gp-page .faq-section h2 br{display:none}.gp-page .faq-section h2 em:before{content:" "}.gp-page .faq-contact{font-size:14px;margin-top:20px}.gp-page .faq-list summary{font-size:15px;line-height:1.6;padding-block:21px;gap:15px;min-height:68px}.gp-page .faq-list details>p{font-size:14px;line-height:1.8;margin-bottom:23px}}
@media(max-width:359px){.gp-page .hero h1{font-size:34px;letter-spacing:-1.2px}.gp-page .hero .btn{font-size:13px;padding-inline:17px}.gp-page .hero .text-link{font-size:12px}.gp-page .hero-details{gap:9px 12px}.gp-page .hero-details b{font-size:13px}.gp-page .hero-details li{font-size:11px}.gp-page h2{font-size:31px}.gp-page .tray-item>img{width:62px;height:62px}.gp-page .tray-item b{font-size:11px}.gp-page .tray-item small{font-size:10px}.gp-page .range-card{padding:20px}.gp-page .range-name h3{font-size:38px}.gp-page .real-life-copy{padding:26px 20px}.gp-page .real-life .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gp-page *,.gp-page *:before,.gp-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Positive feedback is announced; the contextual guide already displays the state. */
.gp-page .demo-message:not(.warning){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Revision 4 — complete overview, large selection controls, connected-light demonstration. */
.gp-page .scene-topline{padding:18px 22px 0;align-items:center;flex-wrap:wrap}
.gp-page .scene-topline>p{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px;line-height:1.5}
.gp-page .scene-topline>p>span:last-child{font-size:11px;font-weight:400;color:#4e606b}
.gp-page .view-switch{display:flex;gap:3px;padding:3px;border:1px solid #758994;border-radius:9px;background:#fff}
.gp-page .view-switch button{min-height:40px;border:1px solid transparent;border-radius:6px;background:#fff;padding:8px 12px;color:#3c5868;font-size:12px;line-height:1.5}
.gp-page .view-switch button[aria-pressed="true"]{background:#e6f7fe;border-color:#006c91;color:#004e6a;font-weight:700}
.gp-page .view-switch button:hover{background:#eef8fe}
.gp-page .scene-window[data-view="overview"]{overflow:hidden;min-height:225px}
.gp-page .scene[data-view="overview"]{min-width:0;width:100%;height:225px}
.gp-page .scene[data-view="detail"]{min-width:900px;height:265px}
.gp-page .scene[data-view="overview"] .rail-area{top:65px}
.gp-page .scene[data-view="overview"] .module-state,.gp-page .scene[data-view="overview"] .socket-release{display:none}
.gp-page .scene[data-view="overview"] .socket-face{min-height:0;min-width:0}
.gp-page .scene[data-view="overview"] .module.selected:after{inset:-4px;border-width:2px;box-shadow:0 0 0 2px #fff9}
.gp-page .scene[data-view="overview"] .empty-target{gap:10px}
.gp-page .scene[data-view="overview"] .empty-target small{font-size:12px;padding:8px 10px}
.gp-page .scene[data-view="overview"] .rail-measure{bottom:25px}
.gp-page .module-navigator{padding:17px 22px 20px;border-top:1px solid #dce5eb;background:#f7f9fb}
.gp-page .navigator-title{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px;font-size:12px;line-height:1.6;font-weight:700;color:#3b5565}
.gp-page #navigator-count{font-weight:400}
.gp-page #module-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.gp-page #module-selector button{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 12px;border:1px solid #758994;border-radius:8px;background:#fff;text-align:left;font-size:12px;line-height:1.6;color:#2b495b}
.gp-page #module-selector button[aria-pressed="true"]{border:2px solid #006c91;padding:9px 11px;background:#e8f8ff;font-weight:700}
.gp-page #module-selector button:hover{background:#edf8fd}
.gp-page #module-selector small{font-size:10px;font-weight:700;color:#35586a;background:#f0f5f8;padding:2px 5px;border-radius:4px;flex:none}
.gp-page .demo-summary{align-items:flex-start;flex-wrap:wrap;padding-block:24px}
.gp-page .composition-details{flex:1 1 320px}
.gp-page .demo-summary .summary-kicker{font-size:10px;letter-spacing:1px;color:#4e606b;margin-bottom:7px}
.gp-page #composition-summary{font-size:18px;line-height:1.5;letter-spacing:-.2px;font-weight:700;margin:0 0 11px}
.gp-page #composition-items{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 13px}
.gp-page #composition-items li{font-size:12px;line-height:1.6;padding:5px 9px;background:#fff;border:1px solid #c5d7e2;border-radius:6px;color:#294b60}
.gp-page .demo-summary .summary-note{font-size:12px;font-weight:400;line-height:1.8;color:#4e606b;margin:0;max-width:560px}
.gp-page .summary-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 1 315px}
.gp-page .summary-actions>.btn{font-size:14px;width:100%;min-height:48px;padding-inline:16px}
.gp-page .summary-actions>.quiet-button{font-size:13px}
.gp-page #copy-status{font-size:12px;font-weight:400;line-height:1.7;margin:0;color:#175a3b;max-width:300px;text-align:center}
.gp-page #copy-status:empty{display:none}
.gp-page .copy-fallback{flex-basis:100%;width:100%}
.gp-page .copy-fallback label{display:block;font-size:14px;line-height:1.7;margin-bottom:8px;font-weight:700}
.gp-page .copy-fallback textarea{width:100%;border:1px solid #738895;border-radius:8px;padding:12px;font:inherit;font-size:14px;color:#172c37;background:#fff;resize:vertical;min-height:130px}
.gp-page .copy-fallback textarea:focus-visible{outline:3px solid #005b82;outline-offset:3px}
.gp-page .power-proof{display:block;aspect-ratio:auto;padding:0;background:#edf3f7;overflow:hidden;margin:0}
.gp-page .power-proof:before{display:none}
.gp-page .proof-stage{position:relative;aspect-ratio:520/340;width:100%;overflow:hidden}
.gp-page .proof-heading{position:absolute;left:24px;right:24px;top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;font-weight:700;letter-spacing:1.1px;color:#405e6e;z-index:2}
.gp-page .proof-state{border:1px solid #758994;border-radius:5px;padding:3px 7px;background:#fff;color:#3c5868;letter-spacing:1px;min-width:37px;text-align:center}
.gp-page .is-on .proof-state{background:#175a3b;color:white;border-color:#175a3b}
.gp-page .proof-illustration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gp-page .proof-socket{position:absolute;left:10.3%;top:27.6%;width:35.2%;aspect-ratio:1;filter:drop-shadow(0 7px 5px #17324725)}
.gp-page .proof-base,.gp-page .proof-rotor{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.gp-page .proof-base>img,.gp-page .proof-rotor>img{position:absolute;max-width:none}
.gp-page .proof-ring{position:absolute;inset:0;border:0;padding:0;background:transparent;border-radius:50%;cursor:pointer}
.gp-page .proof-ring:hover{outline:2px solid #00799f;outline-offset:5px}
.gp-page .proof-rotor{mask-image:radial-gradient(circle closest-side,transparent 0 78%,#000 80% 100%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 78%,#000 80% 100%);transition:transform .35s ease}
.gp-page .is-on .proof-rotor{transform:rotate(43deg)}
.gp-page .proof-plug{position:absolute;width:74%;height:74%;top:18%;left:13%;pointer-events:none;filter:drop-shadow(0 3px 2px #12354a40)}
.gp-page .proof-plug svg{width:100%;height:100%}
.gp-page .proof-fixed-label{position:absolute;top:81%;left:8%;font-size:11px;color:#405e6e;line-height:1.6}
.gp-page .lamp-glow{opacity:0;transition:opacity .35s ease}.gp-page .is-on .lamp-glow{opacity:1}
.gp-page .lamp-bottom,.gp-page .lamp-bulb{transition:fill .2s,stroke .2s}.gp-page .is-on .lamp-bottom{fill:#ffe1a0}.gp-page .is-on .lamp-bulb{stroke:#ffd06b}
.gp-page .power-proof figcaption{position:static;padding:15px 26px 26px;text-align:center;background:transparent}
.gp-page .power-proof figcaption .proof-title{font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}
.gp-page .power-proof figcaption p{font-size:13px;line-height:1.8;margin:0 0 16px;color:#36586a;min-height:24px}
.gp-page .power-proof figcaption>.btn{font-size:14px;min-height:48px;gap:18px;min-width:185px}
.gp-page .proof-note{display:block;font-size:10px;line-height:1.7;color:#4e606b;margin-top:14px}
@media(max-width:1199px){.gp-page .summary-actions{flex-basis:310px}.gp-page .interaction-panel{min-height:210px}}
@media(max-width:640px){
 .gp-page .scene-topline{padding:15px 15px 0;gap:13px}
 .gp-page .scene-topline>p{font-size:12px;flex-direction:row;justify-content:space-between;width:100%;gap:12px}
 .gp-page .scene-topline>p>span:last-child{font-size:11px}
 .gp-page .view-switch{width:100%}.gp-page .view-switch button{flex:1;min-height:44px;font-size:13px}
 .gp-page .scene-window[data-view="overview"]{min-height:180px}.gp-page .scene[data-view="overview"]{height:180px}
 .gp-page .scene[data-view="overview"] .rail-area{top:54px}.gp-page .scene[data-view="overview"] .rail-measure{bottom:26px}
 .gp-page .scene-window[data-view="detail"]{min-height:225px}.gp-page .scene[data-view="detail"]{height:225px}
 .gp-page .scene[data-view="detail"] .rail-area{top:65px}
 .gp-page .scene[data-view="overview"] .empty-target{gap:6px}.gp-page .scene[data-view="overview"] .empty-target>span{height:44px;width:44px;font-size:25px}.gp-page .scene[data-view="overview"] .empty-target small{font-size:10px;padding:7px}
 .gp-page .scene-help{font-size:12px;line-height:1.7;padding:4px 16px 16px}
 .gp-page .module-navigator{padding:15px}.gp-page #module-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .gp-page #module-selector button{min-height:48px;font-size:11px;padding:9px 8px;gap:5px}.gp-page #module-selector button[aria-pressed="true"]{padding:8px 7px}
 .gp-page #module-selector small{font-size:9px;padding:2px 3px}.gp-page .navigator-title{font-size:12px}
 .gp-page .interaction-panel{min-height:0}.gp-page .interaction-copy{width:100%}
 .gp-page .demo-summary{display:flex;padding:21px 16px;gap:19px}
 .gp-page .composition-details{flex-basis:100%}.gp-page #composition-summary{font-size:17px;margin-bottom:12px}
 .gp-page #composition-items{gap:6px;margin-bottom:13px}.gp-page #composition-items li{font-size:12px;padding:5px 8px}
 .gp-page .demo-summary .summary-note{font-size:12px;line-height:1.8}
 .gp-page .summary-actions{flex:1 1 100%;width:100%;align-items:stretch;gap:8px}.gp-page .summary-actions>.btn{font-size:13px;min-height:48px;padding:12px}
 .gp-page .summary-actions>.quiet-button{font-size:13px}.gp-page #copy-status{max-width:none}
 .gp-page .proof-heading{left:18px;right:18px;top:17px;font-size:9px;letter-spacing:.8px}
 .gp-page .proof-state{font-size:10px;padding:2px 5px;min-width:32px}
 .gp-page .power-proof{border-radius:16px}.gp-page .proof-fixed-label{font-size:10px;top:83%;left:7%}
 .gp-page .power-proof figcaption{padding:15px 20px 24px}.gp-page .power-proof figcaption .proof-title{font-size:24px}
 .gp-page .power-proof figcaption p{font-size:12px;min-height:40px}.gp-page .proof-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.gp-page .proof-rotor,.gp-page .lamp-glow,.gp-page .lamp-bottom,.gp-page .lamp-bulb{transition:none}}

.gp-page .nowrap{white-space:nowrap}
@media(max-width:640px){.gp-page #module-selector button{font-size:12px}.gp-page #module-selector small{font-size:10px}}

/* Native Odoo commerce: same design system, scoped to this page. */
.gp-page .commerce-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:start;gap:30px;padding:30px;background:#f5f9fc}
.gp-page .commerce-summary .composition-details{min-width:0}
.gp-page .commerce-summary .summary-kicker{font-size:11px;letter-spacing:1.2px;color:#4a626f;margin-bottom:7px}
.gp-page .commerce-summary #composition-summary{font-size:21px;line-height:1.45;letter-spacing:-.35px;margin:0 0 18px}
.gp-page .commerce-lines{list-style:none;margin:0 0 14px;padding:0}
.gp-page .commerce-line{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #c9d9e2;line-height:1.5}
.gp-page .commerce-line strong{display:block;font-size:15px;line-height:1.6}
.gp-page .commerce-unit{display:block;font-size:12px;line-height:1.7;color:#4e606b;margin-top:2px}
.gp-page .commerce-availability{display:block;font-size:12px;line-height:1.7;color:#175a3b;margin-top:4px}
.gp-page .commerce-line.unavailable .commerce-availability{color:#8e3919;font-weight:700}
.gp-page .commerce-subtotal{font-size:15px;font-weight:700;white-space:nowrap;padding-top:2px}
.gp-page .commerce-actions{width:100%;padding:22px;background:#fff;border:1px solid #bccfd9;border-radius:14px;align-items:stretch;gap:10px}
.gp-page .commerce-total-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;font-weight:700;line-height:1.5}
.gp-page .commerce-total-row strong{font-size:28px;letter-spacing:-.65px}
.gp-page .commerce-summary .commerce-tax{font-size:12px;font-weight:400;color:#4e606b;text-align:right;margin:-7px 0 8px;min-height:18px}
.gp-page .commerce-actions>.btn{font-size:15px;line-height:1.5;min-height:52px;padding:12px 18px}
.gp-page .commerce-summary .commerce-hint,.gp-page .commerce-summary #commerce-status,.gp-page .commerce-summary #commerce-error{font-size:12px;line-height:1.7;font-weight:400;margin:0;color:#4e606b}
.gp-page .commerce-summary #commerce-status{color:#175a3b}
.gp-page .commerce-summary #commerce-error{color:#8e3919;font-weight:700}
.gp-page #commerce-error:empty{display:none}
.gp-page .commerce-summary .commerce-price-note{font-size:12px;font-weight:400;line-height:1.7;color:#4e606b;margin:0}
.gp-page .commerce-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;border-top:1px solid #dce5eb;padding-top:9px;margin-top:4px}
.gp-page .commerce-secondary .text-link,.gp-page .commerce-secondary .quiet-button,.gp-page #refresh-quote,.gp-page #commerce-cart-link{font-size:12px;min-height:44px;gap:8px}
.gp-page button:disabled{cursor:default;background:#e3ebef;border-color:#9eb1bc;color:#475d69;opacity:1}
.gp-page .commerce-summary[data-cart-busy=true] .commerce-actions{border-color:#006c91}
.gp-page .commerce-summary .copy-fallback{grid-column:1/-1}
@media(max-width:800px){.gp-page .commerce-summary{grid-template-columns:1fr;gap:22px;padding:24px}.gp-page .commerce-actions{padding:20px}.gp-page .commerce-summary #composition-summary{font-size:20px;margin-bottom:14px}}
@media(max-width:380px){.gp-page .commerce-summary{padding:20px 16px}.gp-page .commerce-actions{padding:16px}.gp-page .commerce-line{gap:12px}.gp-page .commerce-line strong,.gp-page .commerce-subtotal{font-size:14px}.gp-page .commerce-total-row strong{font-size:25px}}

/* Direct composition controls: one action per item, with persistent keyboard focus. */
.gp-page .module-tray{display:grid;grid-template-columns:150px repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;padding:24px 26px}
.gp-page .module-tray .tray-label{align-self:center;padding:0;min-width:0;width:auto;flex:none}
.gp-page .module-tray .tray-label>p:not(.eyebrow){font-size:13px;line-height:1.65;margin-bottom:8px}
.gp-page .module-tray .tray-capacity{color:#006789;font-weight:700}
.gp-page .module-choice{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0;padding:14px;border:1px solid #8da7b5;border-radius:14px;background:#fff}
.gp-page .module-choice .tray-item{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:64px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;text-align:left;touch-action:pan-y}
.gp-page .module-choice .tray-item:hover{background:#eff8fc}
.gp-page .module-choice .tray-item img{width:62px;height:62px;flex:none;object-fit:contain}
.gp-page .module-choice .tray-item>span{min-width:0}
.gp-page .module-choice .tray-item b{font-size:14px;line-height:1.5;display:block}
.gp-page .module-choice .tray-item small{display:block;font-size:12px;color:#4e606b;line-height:1.7}
.gp-page .quantity-stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid #728693;border-radius:10px;background:#fff;overflow:hidden}
.gp-page .quantity-stepper button{border:0;background:#fff;min-width:46px;min-height:46px;padding:7px;font-size:25px;line-height:1;color:#123c50}
.gp-page .quantity-stepper button.quantity-plus{background:#1ebaed;color:#102c3a}
.gp-page .quantity-stepper button:hover{background:#e3f5fc}
.gp-page .quantity-stepper button.quantity-plus:hover{background:#59cbef}
.gp-page .quantity-stepper button[aria-disabled=true]{background:#e3ebef;color:#475d69;cursor:default}
.gp-page .quantity-stepper button:focus-visible{outline-offset:-5px;box-shadow:none}
.gp-page .quantity-stepper output{flex:1;min-width:30px;text-align:center;font-size:17px;font-weight:700;line-height:1.4}
.gp-page .module-tray .tray-usage{grid-column:1/-1;font-size:12px;line-height:1.7;color:#4e606b;margin:0}
.gp-page .module-actions>#remove-selected{font-size:14px}
.gp-page .module-actions>#lift-selected{font-size:13px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.gp-page #refresh-quote{align-self:flex-start;text-decoration:underline;text-underline-offset:4px;padding:4px 0}
.gp-page #refresh-quote[aria-disabled=true]{color:#4e606b;cursor:default}
@media(max-width:1100px){.gp-page .module-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.gp-page .module-tray .tray-label{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px}.gp-page .module-tray .tray-label .eyebrow{margin:0}.gp-page .module-tray .tray-label>p:not(.eyebrow){margin:0}.gp-page .module-tray .tray-label br{display:none}}
@media(max-width:700px){.gp-page .module-tray{grid-template-columns:1fr;padding:20px;gap:12px}.gp-page .module-choice{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:10px;align-items:center;padding:12px}.gp-page .module-choice .tray-item{gap:10px;min-height:56px}.gp-page .module-choice .tray-item img{width:52px;height:52px}.gp-page .module-choice .tray-item b{font-size:14px}.gp-page .quantity-stepper button{min-width:44px;min-height:46px}.gp-page .quantity-stepper output{min-width:30px}.gp-page .module-tray .tray-usage{font-size:12px}}
@media(max-width:370px){.gp-page .module-tray{padding:16px}.gp-page .module-choice{grid-template-columns:minmax(0,1fr) 114px;padding:10px;gap:8px}.gp-page .module-choice .tray-item{gap:7px}.gp-page .module-choice .tray-item img{width:42px;height:42px}.gp-page .module-choice .tray-item b{font-size:13px}.gp-page .quantity-stepper output{min-width:24px}}
/* Counts sit directly after the rail; gesture instructions follow them on small screens. */
.gp-page .demo-workspace{grid-template-areas:"visual panel" "tray panel";grid-template-rows:auto auto}
.gp-page .demo-workspace>.demo-visual{grid-area:visual}
.gp-page .demo-workspace>.module-tray{grid-area:tray;border-top:1px solid var(--line)}
.gp-page .demo-workspace>.interaction-panel{grid-area:panel}
@media(max-width:1199px){.gp-page .demo-workspace{grid-template-areas:"visual" "tray" "panel"}.gp-page .demo-workspace>.module-tray{border-bottom:0}}