/* THESIVE v3.7.2 — continuous context, device-specific motion. Homepage section only. */
.v372-devices{--flow-gold:#e1b671;--flow-mint:#a6ccb2;--flow-ink:#e8ebe5;--flow-muted:#8fa19e;--flow-connect:1;--flow-resolve:1;--flow-quiet:0;--flow-activity:1}
.v372-devices .v371-device-head small{text-transform:uppercase}
.v372-motion-key{display:flex;align-items:center;gap:12px;color:#6f807f;font:500 9px/1.5 var(--sans);letter-spacing:.065em;margin:13px 0 18px}
.v372-motion-key[hidden]{display:none}
.v372-motion-key i{height:1px;width:30px;max-width:7vw;background:linear-gradient(90deg,#bd94553b,#bd94550c)}
.v372-motion-key span{transition:color .7s ease}
.v372-motion-key span.active{color:#e1b671}
.v372-devices .v371-screen{background:radial-gradient(ellipse at 45% 43%,#a5783612,transparent 65%),#070b0c}
.v372-devices .v371-device-grid{margin-top:15px}
.v372-text-slot{position:relative;display:block;min-width:0}
.v372-copy-layer{display:block;position:relative;max-width:100%}
.v372-copy-layer.is-leaving{position:absolute;inset:0;pointer-events:none}
.v372-devices .v371-screen p{margin:0}
.v372-field{display:block;overflow:visible;width:100%;height:100%;min-width:0;min-height:0;flex:none;isolation:isolate}
.v372-field path,.v372-field circle,.v372-field ellipse{pointer-events:none}
.v372-flow-halo{fill:none;stroke:#dab16c;stroke-width:8;opacity:calc(.015 + var(--flow-connect)*.025);stroke-linecap:round}
.v372-flow-path{fill:none;stroke:#c9a66b;stroke-width:.6;stroke-linecap:round;opacity:calc(.18 + var(--flow-connect)*.27 - var(--flow-quiet)*.1)}
.v372-current{fill:#f5d49a;opacity:calc(var(--flow-activity)*.8);stroke:#f5d49a;stroke-width:.6}
.v372-node-point{fill:#e3bb7c}
.v372-node-bloom{fill:#e3bb7c;opacity:.06}
.v372-node-label{font:500 6px var(--sans);letter-spacing:.1em;fill:#9aab9f;text-anchor:middle}
.v372-node-value{font:500 7px var(--sans);fill:#e0e3d9;text-anchor:middle}
.v372-node-note{font:400 8px var(--sans);fill:#91a6a2;text-anchor:middle}
.v372-core-halo{fill:#d8b27405;stroke:#d8b2741a;stroke-width:.7}
.v372-core-orbit{fill:none;stroke:#e6bc7970;stroke-width:.7;stroke-linecap:round}
.v372-core-glyph{fill:none;stroke:#e7bc74;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.v372-presence{opacity:calc(.65 + var(--flow-connect)*.3)}
.v372-atmosphere{opacity:calc(.45 + var(--flow-connect)*.55 - var(--flow-quiet)*.22)}

/* Phone: one open composition from a question through its connections to an answer. */
.v372-devices .v371-phone .v372-phone-screen{padding:17px 12px 23px}
.v372-phone-question{margin-top:13px;flex:none}
.v372-phone-question>small,.v372-phone-answer>small{font:500 6px/1.4 var(--sans);letter-spacing:.12em;color:#a58b60}
.v372-phone-question>p{font:400 16px/1.25 var(--serif);color:#e4e8e1;min-height:44px;padding-top:6px;letter-spacing:-.015em}
.v372-phone-context{width:100%;flex:1;min-height:125px;max-height:185px;margin:1px 0 0}
.v372-phone-answer{position:relative;flex:none;min-height:90px;padding:0 1px;opacity:calc(.13 + var(--flow-resolve)*.87);transform:translateY(calc((1 - var(--flow-resolve))*6px))}
.v372-phone-answer::before{content:"";display:block;width:22px;height:1px;background:#b7cca968;margin-bottom:9px;transform-origin:left;transform:scaleX(var(--flow-resolve))}
.v372-phone-answer>p{font:400 13px/1.43 var(--serif);color:#d7e1d9;min-height:55px;padding-top:5px}
.v372-phone-answer>span{display:block;font:400 7px/1.5 var(--sans);color:#91a79d;margin-top:5px}
.v372-follow-up{display:flex;align-items:center;gap:7px;flex:none;font:400 8px/1.4 var(--sans);color:#81958d;margin-top:auto;padding:12px 1px 2px;min-height:27px}
.v372-follow-up>span:last-child{margin-left:auto;color:#d2ad6d;font-size:14px}
.v372-voice-dot{width:4px;height:4px;border-radius:50%;background:#ccac70;box-shadow:0 0 9px #ccac7033}

/* Watch: a small signal connects and resolves into a single glance. */
.v372-devices .v371-watch .v372-watch-screen{display:flex;flex-direction:column;justify-content:space-between;padding:11px 10px 10px}
.v372-watch-screen .v372-field{height:48px;flex:0 0 48px;margin:1px 0}
.v372-watch-screen .v372-core-glyph{stroke-width:1.6}
.v372-watch-screen .v372-core-halo{stroke:none;fill:#d8b27408}
.v372-watch-copy{width:100%;opacity:calc(.5 + var(--flow-resolve)*.5)}
.v372-watch-copy>strong{font:500 15px/1.14 var(--sans);color:#e2ebe3;min-height:34px}
.v372-watch-copy>p{font:400 8px/1.5 var(--sans);color:#a3b8ab;min-height:24px;padding-top:4px}
.v372-devices .v372-watch-screen>small{font:500 6px/1.3 var(--sans);letter-spacing:.12em;color:#c6aa75;margin-top:4px}

/* iPad: relationships and context occupy the canvas, with no tile grid. */
.v372-devices .v371-tablet .v372-tablet-screen{display:flex;flex-direction:column;padding:3.2cqw 3.5cqw 5.4cqw}
.v372-tablet-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:3cqw;flex:none}
.v372-tablet-head .v371-ui-brand{font-size:2.1cqw;gap:1.3cqw}
.v372-tablet-head .v371-ui-brand img{width:3.2cqw;height:3.2cqw}
.v372-tablet-head>small{font:500 1.8cqw/1.3 var(--sans);letter-spacing:.09em}
.v372-tablet-title{font:400 4.7cqw/1.15 var(--serif);color:#e6e7dd;min-height:5.5cqw;flex:none;text-align:center}
.v372-tablet-screen .v372-field{height:0;flex:1;margin-top:1cqw}
.v372-field--tablet .v372-node-label{font-size:7px;letter-spacing:.12em}
.v372-field--tablet .v372-node-value{font-size:10px;font-weight:400}
.v372-field--tablet .v372-flow-path{stroke-width:.7}
.v372-field--tablet .v372-core-glyph{stroke-width:1.7}

/* Mac: a question opens into two possible paths, with neither selected for the visitor. */
.v372-devices .v371-laptop-lid .v372-mac-screen{display:flex;flex-direction:column;grid-template-columns:none;padding:20px 4cqw 3cqw}
.v372-mac-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:none;margin-bottom:3cqw}
.v372-mac-head .v371-ui-brand{font-size:1.7cqw;gap:1cqw}
.v372-mac-head .v371-ui-brand img{width:2.8cqw;height:2.8cqw}
.v372-mac-head>small{font:500 1.6cqw/1.3 var(--sans);letter-spacing:.1em}
.v372-mac-question{font:400 4cqw/1.18 var(--serif);letter-spacing:-.015em;color:#e5e8df;min-height:5cqw;flex:none;margin:0;text-align:center}
.v372-mac-screen .v372-field{height:0;flex:1;margin:0 0 1.5cqw}
.v372-field--mac .v372-node-label{font-size:6px;letter-spacing:.1em;fill:#c5aa79}
.v372-field--mac .v372-node-value{font:400 14px var(--serif);fill:#dfe6da}
.v372-field--mac .v372-node-note{font-size:7px}
.v372-field--mac .v372-flow-path{stroke-width:.7}
.v372-mac-footer{display:flex;align-items:center;justify-content:center;gap:1.5cqw;flex:none;font:400 1.75cqw/1.4 var(--sans);color:#91a79d}
.v372-mac-footer>span{height:1px;width:12px;background:#bd9e65}

/* Glasses: one peripheral cue, carried in on a trace of light, then allowed to recede. */
.v372-glasses-current{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.v372-glasses-current path{fill:none;stroke:#b7ddbd;stroke-width:.8;opacity:calc(var(--flow-activity)*.3)}
.v372-glasses-current circle{fill:#d2edcf;opacity:calc(var(--flow-activity)*.75)}
.v372-glasses-hud{position:absolute;right:7%;top:33%;width:48%;z-index:3;opacity:calc(var(--flow-resolve)*(1 - var(--flow-quiet)*.85));transform:translateX(calc((1 - var(--flow-resolve))*5px));text-shadow:0 1px 9px #07190e,0 0 13px #a9e7bd15}
.v372-glasses-hud>small{font:500 7px/1.4 var(--sans);letter-spacing:.14em;color:#b6d6be;display:flex;align-items:center;gap:5px}
.v372-glasses-light{display:inline-block;width:3px;height:3px;border-radius:50%;background:#c6eac9;box-shadow:0 0 7px #c6eac966}
.v372-glasses-hud>strong{font:400 clamp(13px,1.25vw,18px)/1.22 var(--sans);letter-spacing:-.01em;color:#e0f2dc;min-height:44px;margin:6px 0 5px}
.v372-glasses-hud>p{font:400 8px/1.5 var(--sans);color:#b4cfb6;min-height:24px}

@media(max-width:1120px){
 .v372-devices .v371-device-head h3{font-size:14px}
 .v372-glasses-hud>strong{font-size:15px}
 .v372-devices .v371-laptop-lid .v372-mac-screen{padding-top:16px}
 .v372-mac-head{margin-bottom:2.5cqw}
}
@media(max-width:760px){
 .v372-glasses-hud>strong{font-size:17px}
 .v372-phone-context{max-height:194px}
 .v372-devices .v371-laptop-lid .v372-mac-screen{padding-top:15px}
 .v372-devices .v371-device-stage{padding-bottom:16px}
 .v372-motion-key{gap:9px;font-size:8px}
}
@media(max-width:380px){
 .v372-glasses-hud>strong{font-size:13px;min-height:34px}
 .v372-glasses-hud>p{font-size:7px}
 .v372-tablet-head>small{font-size:1.9cqw}
}
@media(prefers-reduced-motion:reduce){
 .v372-devices *{animation:none!important;transition:none!important}
 .v372-devices{--flow-connect:1!important;--flow-resolve:1!important;--flow-quiet:0!important;--flow-activity:0!important}
}