@charset "UTF-8";:root{--bg: #f6f8f9;--surface: #ffffff;--surface-2: #f1f5f6;--ink: #0d1726;--ink-dim: #495567;--ink-mute: #8b95a4;--line: rgba(13, 23, 38, .1);--line-strong: rgba(13, 23, 38, .17);--primary: #0f766e;--primary-600: #0c5e58;--accent: #0369a1;--cyan: #0ea5b7;--globe-dot: #1f586b;--globe-dot-back: #c4d8de;--globe-arc: #0ea5b7;--globe-pulse: #22d3ee;--globe-hub: #0369a1;--shadow-sm: 0 1px 2px rgba(13, 23, 38, .06), 0 1px 3px rgba(13, 23, 38, .05);--shadow: 0 12px 30px -14px rgba(13, 23, 38, .2);--shadow-lg: 0 30px 60px -28px rgba(13, 23, 38, .28);--radius: 16px;--radius-sm: 10px;--maxw: 1180px;--ease: cubic-bezier(.22, .61, .36, 1);--font-display: "Lexend", ui-sans-serif, system-ui, sans-serif;--font-body: "Source Sans 3", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0;color:var(--ink)}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#0f766e2e}.wrap{width:min(100% - 48px,var(--maxw));margin-inline:auto;position:relative;z-index:1}.globe-canvas{width:100%;height:auto;display:block}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 #0f766e80;animation:dot-pulse 2.4s ease-out infinite}@keyframes dot-pulse{0%{box-shadow:0 0 #0f766e73}70%,to{box-shadow:0 0 0 9px #0f766e00}}.eyebrow .line{width:28px;height:1px;background:var(--line-strong)}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:500;font-size:.97rem;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,border-color .25s}.btn-primary{color:#fff;background:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-ghost{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.marquee{position:relative;z-index:1;overflow:hidden;padding:22px 0;border-block:1px solid var(--line);background:var(--surface)}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:18px;padding:0 26px;font-family:var(--font-display);font-weight:500;font-size:.86rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.marquee-item .star{width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:star-twinkle 2.6s ease-in-out infinite}@keyframes star-twinkle{50%{opacity:.3;transform:scale(.6)}}.marquee-item.alt{color:var(--ink)}@keyframes marquee{to{transform:translate(-50%)}}.hero{position:relative;padding:150px 0 92px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;mix-blend-mode:multiply;will-change:transform}.orb-warm{width:420px;height:420px;top:-80px;right:-40px;background:radial-gradient(circle at 30% 30%,rgba(14,165,183,.55),transparent 68%);animation:float-a 16s ease-in-out infinite}.orb-cool{width:380px;height:380px;top:120px;left:-90px;background:radial-gradient(circle at 40% 40%,rgba(15,118,110,.45),transparent 68%);animation:float-b 19s ease-in-out infinite}.orb-violet{width:300px;height:300px;bottom:-60px;left:42%;background:radial-gradient(circle at 50% 50%,rgba(3,105,161,.4),transparent 68%);animation:float-c 22s ease-in-out infinite}@keyframes float-a{50%{transform:translate(-46px,34px) scale(1.08)}}@keyframes float-b{50%{transform:translate(40px,-30px) scale(1.06)}}@keyframes float-c{50%{transform:translate(-30px,-38px) scale(1.1)}}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(13,23,38,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(13,23,38,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 60% 35%,#000,transparent 78%);mask-image:radial-gradient(ellipse 75% 65% at 60% 35%,#000,transparent 78%)}.hero-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.hero-copy h1{font-size:clamp(2.9rem,6vw,4.7rem);font-weight:600;margin:22px 0 0;animation:rise .8s var(--ease) both}.hero-copy .eyebrow{animation:rise .8s .05s var(--ease) both}.grad{background:linear-gradient(100deg,var(--primary) 0%,var(--cyan) 40%,var(--accent) 70%,var(--primary) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:grad-shift 7s ease-in-out infinite}@keyframes grad-shift{50%{background-position:100% 0}}.lead{margin-top:22px;font-size:1.18rem;color:var(--ink-dim);max-width:32em;animation:rise .8s .15s var(--ease) both}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;animation:rise .8s .25s var(--ease) both}.hero-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:48px;padding-top:30px;border-top:1px solid var(--line);animation:rise .8s .35s var(--ease) both}.hero-stats div{padding-right:40px;margin-right:40px;border-right:1px solid var(--line)}.hero-stats div:last-child{border-right:none;margin-right:0;padding-right:0}.hero-stats strong{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--ink)}.hero-stats span{font-size:.85rem;color:var(--ink-mute)}.hero-visual{display:flex;justify-content:center;animation:fade 1.1s .3s var(--ease) both}.hero-photo{position:relative;width:100%;max-width:520px;animation:globe-float 7s ease-in-out infinite}.hero-photo .shot-main{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-lg)}.hero-photo .shot-float{position:absolute;right:-22px;bottom:-28px;width:47%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:5px solid var(--bg);box-shadow:var(--shadow)}@keyframes globe-float{50%{transform:translateY(-14px)}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}@keyframes fade{0%{opacity:0}}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:22px;height:36px;border:1.5px solid var(--line-strong);border-radius:12px;display:grid;place-items:start center;padding-top:7px;z-index:1}.scroll-cue span{width:3px;height:8px;border-radius:2px;background:var(--primary);animation:cue 1.6s infinite}@keyframes cue{0%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(6px)}}.section{padding:104px 0;position:relative}.section-lead{padding-top:132px}.section-head{max-width:640px;margin-bottom:56px}.section-head h2,.section-head h1{font-size:clamp(2rem,4vw,2.9rem);margin:16px 0 14px;position:relative;display:block}.section-head h2:after,.section-head h1:after{content:"";position:absolute;left:0;bottom:-8px;height:3px;border-radius:3px;width:0;background:linear-gradient(90deg,var(--primary),var(--cyan));transition:width .9s .25s var(--ease)}.section-head.in h2:after,.section-head.in h1:after{width:64px}.section-head p{color:var(--ink-dim);font-size:1.1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card{position:relative;padding:36px 32px;background:var(--surface);transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.card[data-accent=warm]{--icocol: var(--primary)}.card[data-accent=cool]{--icocol: var(--accent)}.card[data-accent=coral]{--icocol: var(--cyan)}.card:after{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:var(--icocol);transition:width .4s var(--ease)}.card:hover{background:var(--surface-2);transform:translateY(-5px);box-shadow:var(--shadow);z-index:1}.card:hover:after{width:100%}.card-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--icocol) 12%,white);color:var(--icocol);margin-bottom:22px;transition:transform .35s var(--ease)}.card:hover .card-ico{transform:translateY(-3px) scale(1.08) rotate(-4deg)}.card-ico svg{width:25px;height:25px}.card h3{font-size:1.24rem;margin-bottom:9px}.card p{color:var(--ink-dim);font-size:.97rem}.svc-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.svc-chip{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-dim);transition:color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.svc-chip:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.svc{padding:78px 0;border-top:1px solid var(--line);scroll-margin-top:88px}.svc-alt{background:var(--surface)}.svc[data-accent=warm]{--icocol: var(--primary)}.svc[data-accent=cool]{--icocol: var(--accent)}.svc[data-accent=coral]{--icocol: var(--cyan)}.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.svc-rev .svc-copy{order:2}.svc-rev .svc-panel{order:1}.svc-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.svc-badge{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;color:var(--icocol);background:color-mix(in srgb,var(--icocol) 12%,white)}.svc-badge svg{width:27px;height:27px}.svc-num{font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--icocol)}.svc h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:12px}.svc-tag{font-size:1.16rem;font-weight:600;color:var(--ink);margin-bottom:14px}.svc-copy>p{color:var(--ink-dim);font-size:1.06rem}.svc-link{margin-top:26px}.svc-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px;box-shadow:var(--shadow-sm)}.svc-alt .svc-panel{background:var(--bg)}.svc-panel h4{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:20px}.svc-panel .check-list{margin:0}.svc-panel .check-list li:before{border-color:var(--icocol)}.svc-panel .check-list li:after{border-color:var(--icocol)}.svc-note{margin-top:22px;padding:14px 16px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--icocol) 8%,transparent);color:var(--ink-dim);font-size:.95rem}.svc-alt .svc-note{background:var(--surface)}@media(max-width:920px){.svc-grid{grid-template-columns:1fr;gap:34px}.svc-rev .svc-copy,.svc-rev .svc-panel{order:0}}@media(max-width:560px){.svc{padding:56px 0}}.media-ph{margin:26px 0 0;display:grid;place-items:center;gap:12px;aspect-ratio:16/10;border-radius:var(--radius);border:1.5px dashed var(--line-strong);background:repeating-linear-gradient(45deg,transparent,transparent 11px,color-mix(in srgb,var(--icocol, var(--accent)) 6%,transparent) 11px,color-mix(in srgb,var(--icocol, var(--accent)) 6%,transparent) 22px),var(--surface-2);color:var(--ink-mute);text-align:center;padding:22px;transition:border-color .25s var(--ease),color .25s var(--ease)}.media-ph:hover{border-color:var(--icocol, var(--accent));color:var(--ink-dim)}.media-ph svg{width:38px;height:38px;opacity:.7}.media-ph figcaption{font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.01em;max-width:28ch}.media-img{margin:26px 0 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.media-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.media-img-tile{margin:0;background:var(--surface)}.media-img-tile img{aspect-ratio:4/3}.media-img-tile figcaption{padding:12px 16px;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-dim);text-align:center}.ph-gallery{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-ph-tile{margin:0;aspect-ratio:4/3}@media(max-width:920px){.ph-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ph-gallery{grid-template-columns:1fr}}.demo-section{background:var(--surface);border-block:1px solid var(--line)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.demo-copy h2,.demo-copy h1{font-size:clamp(2rem,4vw,2.8rem);margin:16px 0}.demo-copy>p{color:var(--ink-dim);font-size:1.1rem}.check-list{list-style:none;padding:0;margin:26px 0 32px;display:grid;gap:14px}.check-list li{position:relative;padding-left:32px;color:var(--ink)}.check-list li:before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--primary);background:linear-gradient(transparent,transparent)}.check-list li:after{content:"";position:absolute;left:5px;top:11px;width:5px;height:9px;border:solid var(--primary);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.demo-mount{display:flex;justify-content:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.step{padding:38px 34px 38px 0;margin-right:34px;border-top:2px solid var(--primary);position:relative}.step:before{content:"";position:absolute;top:-2px;left:0;right:34px;height:2px;background:var(--line);z-index:-1}.step-n{font-family:var(--font-display);font-size:.84rem;font-weight:700;letter-spacing:.1em;color:var(--primary);display:block;margin:22px 0 12px}.step h3{font-size:1.28rem;margin-bottom:10px}.step p{color:var(--ink-dim)}.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.why-copy h2{font-size:clamp(2rem,4vw,2.8rem);margin:16px 0 14px}.why-copy p{color:var(--ink-dim);font-size:1.1rem}.why-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.why-list li{display:flex;align-items:center;gap:12px;padding:20px 22px;background:var(--surface);font-weight:600;font-size:.97rem;transition:background .25s}.why-list li:hover{background:var(--surface-2)}.why-list svg{color:var(--primary);flex-shrink:0}.cta-band{background:var(--surface);border-block:1px solid var(--line)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.cta-inner h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}.cta-inner p{color:var(--ink-dim);margin-top:8px;max-width:34em}.contact{padding-bottom:116px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-copy h2,.contact-copy h1{font-size:clamp(2rem,4vw,2.8rem);margin:16px 0}.contact-copy>p{color:var(--ink-dim);font-size:1.1rem}.contact-info{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--line)}.contact-info a,.contact-info .ci{display:flex;flex-direction:column;padding:18px 2px;border-bottom:1px solid var(--line);font-weight:600;transition:padding-left .25s var(--ease),color .25s}.contact-info a:hover{padding-left:10px;color:var(--primary)}.contact-info span{font-size:.72rem;color:var(--ink-mute);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.form-card{padding:36px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.form-card label{display:block;margin-bottom:18px;font-family:var(--font-display);font-size:.84rem;font-weight:500;color:var(--ink-dim)}.form-card input,.form-card textarea{width:100%;margin-top:8px;padding:13px 15px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .25s,box-shadow .25s}.form-card input::placeholder,.form-card textarea::placeholder{color:var(--ink-mute)}.form-card input:focus,.form-card textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1f}.form-btn{width:100%;justify-content:center;margin-top:6px}.sent{text-align:center;padding:30px 10px}.sent-ico{width:56px;height:56px;margin:0 auto 18px;display:grid;place-items:center;border-radius:14px;font-size:1.5rem;color:#fff;background:var(--primary)}.sent h3{font-size:1.45rem;margin-bottom:10px}.sent p{color:var(--ink-dim)}.section-head.center{margin-inline:auto;text-align:center}.section-head.center h2:after,.section-head.center h1:after{left:50%;transform:translate(-50%)}.section-foot{margin-top:44px;display:flex;justify-content:center}.how-band{background:var(--surface);border-block:1px solid var(--line)}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quote{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.quote:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-strong)}.quote-stars{display:flex;gap:3px;color:#f5b301;margin-bottom:16px}.quote blockquote{margin:0;color:var(--ink);font-size:1.02rem;line-height:1.62}.quote-author{display:flex;align-items:center;gap:12px;margin-top:22px}.quote-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,white)}.quote-author>span:last-child{display:flex;flex-direction:column;line-height:1.35}.quote-author strong{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--ink)}.quote-author>span:last-child>span{font-size:.8rem;color:var(--ink-mute)}@media(max-width:920px){.hero-inner,.demo-grid,.why-inner,.contact-grid{grid-template-columns:1fr}.hero-visual{order:-1}.hero-photo{max-width:420px}.cards,.steps{grid-template-columns:1fr 1fr}.steps .step{margin-right:0;padding-right:24px}.quotes{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.hero{padding-top:124px}}@media(max-width:560px){.cards,.steps,.why-list{grid-template-columns:1fr}.section{padding:76px 0}.section-lead{padding-top:110px}body{font-size:16px}}.card-link{display:block;cursor:pointer}.card-link:focus-visible{outline:none}.card-link:focus-visible.card{box-shadow:0 0 0 3px color-mix(in srgb,var(--icocol, var(--primary)) 45%,transparent),var(--shadow)}.card-link:before{content:"\2197";position:absolute;top:18px;right:20px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--icocol, var(--primary)) 13%,white);color:var(--icocol, var(--primary));font-size:1rem;font-weight:700;transition:transform .3s var(--ease),background .3s,color .3s}.card-link:hover:before,.card-link:focus-visible:before{background:var(--icocol, var(--primary));color:#fff;transform:scale(1.08)}.card-go{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:9px 16px;border-radius:999px;background:color-mix(in srgb,var(--icocol, var(--primary)) 12%,white);font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--icocol, var(--primary));transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.card-link:hover .card-go,.card-link:focus-visible .card-go{background:var(--icocol, var(--primary));color:#fff;transform:translate(4px);box-shadow:var(--shadow-sm)}.ctrl-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.86rem;font-weight:500;color:var(--ink-dim);margin-bottom:6px;transition:color .2s,gap .2s}.ctrl-back:hover{color:var(--primary);gap:12px}.ctrl-back svg{width:16px;height:16px}.ctrl-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch;margin-top:8px}.ctrl-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:44px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;min-height:380px}.ctrl-stage.dark{background:linear-gradient(180deg,#0c1622,#060c14);border-color:#0d172666}.ctrl-panel{display:flex;flex-direction:column;padding:30px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.ctrl-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.cs-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:600}.cs-value{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--ink);margin-top:4px}.cs-sub{display:block;font-size:.74rem;color:var(--ink-mute);margin-top:4px}.ctrl-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:.74rem;font-weight:600;background:var(--bg);border:1px solid var(--line);color:var(--ink-dim)}.ctrl-pill.on{color:var(--primary);border-color:#0f766e59;background:color-mix(in srgb,var(--primary) 8%,white)}.ctrl-pill.warn{color:#c2410c;border-color:#c2410c59;background:#c2410c14}.ctrl-pill .ping{width:6px;height:6px;border-radius:50%;background:currentColor}.ctrl-inline{display:flex;align-items:center;gap:14px}.ctrl-hint-inline{font-size:.8rem;color:var(--ink-mute);line-height:1.4}.ctrl-block{margin-bottom:24px}.cb-label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:.82rem;font-weight:500;color:var(--ink-dim);margin-bottom:12px}.cb-label b{color:var(--ink);font-weight:700}.ctrl-btns{display:flex;gap:10px}.ctrl-btn{flex:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 8px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.88rem;font-weight:500;background:var(--bg);border:1px solid var(--line);color:var(--ink-dim);transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s}.ctrl-btn svg{width:18px;height:18px}.ctrl-btn:hover{border-color:var(--line-strong);color:var(--ink);transform:translateY(-2px)}.ctrl-btn.active{color:#fff;background:var(--primary);border-color:var(--primary)}.ctrl-btn.stop.active{background:#c2410c;border-color:#c2410c}.ctrl-slider{-webkit-appearance:none;appearance:none;width:100%;height:7px;border-radius:999px;background:#0d17261f;outline:none}.ctrl-slider.warm{background:linear-gradient(90deg,#cfe5ff,#fff4d6,#ffca7a)}.ctrl-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:pointer;box-shadow:0 2px 6px #0f766e66}.ctrl-slider::-moz-range-thumb{width:22px;height:22px;border:2px solid var(--primary);border-radius:50%;background:#fff;cursor:pointer}.ctrl-ends{display:flex;justify-content:space-between;margin-top:8px;font-size:.74rem;color:var(--ink-mute)}.ctrl-toggle{width:60px;height:33px;border-radius:999px;background:#0d172629;border:none;position:relative;padding:0;transition:background .25s;flex-shrink:0}.ctrl-toggle.on{background:var(--primary)}.ctrl-toggle .knob{position:absolute;top:4px;left:4px;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .25s var(--ease)}.ctrl-toggle.on .knob{transform:translate(27px)}.ctrl-presets{display:flex;gap:10px;flex-wrap:wrap}.ctrl-chip{padding:9px 16px;border-radius:999px;font-family:var(--font-display);font-size:.84rem;font-weight:500;background:var(--bg);border:1px solid var(--line);color:var(--ink-dim);transition:all .2s}.ctrl-chip:hover{border-color:var(--line-strong)}.ctrl-chip.active{color:#fff;background:var(--ink);border-color:var(--ink)}.ctrl-swatches{display:flex;gap:12px;flex-wrap:wrap}.ctrl-swatch{width:42px;height:42px;border-radius:50%;border:2px solid var(--line);cursor:pointer;transition:transform .2s,box-shadow .2s}.ctrl-swatch:hover{transform:scale(1.1)}.ctrl-swatch.active{transform:scale(1.12);box-shadow:0 0 0 3px #0d17261f;border-color:#0d172659}.ctrl-note{margin-top:auto;padding-top:18px;font-size:.84rem;color:var(--ink-mute);line-height:1.55}@keyframes pool-ripple{to{background-position:30px 0,0 0}}.dev-pool{width:100%;max-width:370px}.dev-pool .pool-box{position:relative;height:170px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 3px 16px #0000002e}.dev-pool .water{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.22) 0 8px,transparent 8px 18px),linear-gradient(180deg,#2dd4bf,#0ea5b7);background-size:200% 100%,auto;animation:pool-ripple 3s linear infinite}.dev-pool .deck{position:absolute;inset:0 auto 0 0;height:100%;background:repeating-linear-gradient(90deg,#e7ecee 0 12px,#d2d9dc 12px 24px);box-shadow:4px 0 12px #0003;transition:width .1s linear}.dev-window{width:100%;max-width:270px}.dev-window .win-frame{position:relative;height:250px;border-radius:8px;overflow:hidden;border:9px solid #ccd4d7;box-shadow:0 12px 30px -16px #0d172666,inset 0 0 0 1px #fff9}.dev-window .win-scene{position:absolute;inset:0;background:linear-gradient(180deg,#9fd4ee,#d3edf6 52%,#a8d9b2 52%,#7cc08c)}.dev-window .win-sun{position:absolute;top:26px;right:30px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#ffe9a3,#ffc34d);box-shadow:0 0 26px #ffc34dbf}.dev-window .win-hill{position:absolute;left:-10%;bottom:0;width:120%;height:38%;border-radius:50% 50% 0 0;background:#6bb079}.dev-window .win-cross{position:absolute;inset:0;pointer-events:none}.dev-window .win-cross:before,.dev-window .win-cross:after{content:"";position:absolute;background:#ffffff8c}.dev-window .win-cross:before{left:50%;top:0;bottom:0;width:4px;transform:translate(-50%)}.dev-window .win-cross:after{top:50%;left:0;right:0;height:4px;transform:translateY(-50%)}.dev-window .shutter{position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(180deg,#eef2f3 0 11px,#d6dde0 11px 14px);box-shadow:0 4px 10px #00000038;transition:height .1s linear}.dev-poollight{width:100%;max-width:380px}.dev-poollight .pl-box{position:relative;height:190px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 100% at 50% 0%,#103240,#061018);box-shadow:inset 0 3px 20px #00000080}.dev-poollight .pl-light{position:absolute;inset:0;mix-blend-mode:screen;filter:blur(2px);transition:opacity .5s ease,background .5s ease}.dev-poollight .pl-water{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.1) 0 10px,transparent 10px 24px);background-size:200% 100%;animation:pool-ripple 4s linear infinite}.dev-room{width:100%;max-width:340px}.dev-room .room{position:relative;height:250px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#1b2433,#0e131c);box-shadow:inset 0 0 40px #00000080;transition:background .5s}.dev-room .ceiling{position:absolute;top:0;left:0;right:0;height:14px;background:#283447}.dev-room .lamp{position:absolute;top:14px;left:50%;transform:translate(-50%);width:46px;height:14px;border-radius:0 0 24px 24px;background:#3a485e}.dev-room .cone{position:absolute;top:28px;left:50%;transform:translate(-50%);width:200px;height:200px;clip-path:polygon(38% 0,62% 0,100% 100%,0% 100%);filter:blur(6px);transition:opacity .5s ease,background .5s ease;pointer-events:none}.dev-room .floor{position:absolute;left:0;right:0;bottom:0;height:30%;transition:opacity .5s ease,background .5s ease;filter:blur(10px)}.dev-room .sofa{position:absolute;left:26px;bottom:26px;width:120px;height:46px;border-radius:10px 10px 6px 6px;background:#2c384b;box-shadow:inset 0 6px #ffffff0a}.dev-room .sofa:before{content:"";position:absolute;left:-10px;bottom:0;width:16px;height:30px;border-radius:6px;background:#2c384b}.dev-room .sofa:after{content:"";position:absolute;right:-10px;bottom:0;width:16px;height:30px;border-radius:6px;background:#2c384b}.dev-room .plant{position:absolute;right:30px;bottom:26px;width:22px;height:40px;background:#324a3a;border-radius:50% 50% 4px 4px}.dev-room .plant:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:18px;height:12px;background:#3a4a52;border-radius:0 0 4px 4px}.dev-garage{width:100%;max-width:360px}.dev-garage .garage-frame{position:relative;height:210px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 80% at 50% 120%,rgba(15,118,110,.12),transparent 70%),linear-gradient(180deg,#eef3f4,#dde6e9);box-shadow:inset 0 3px 16px #0000001f}.dev-garage .garage-car{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:62%;height:60px;border-radius:14px 14px 5px 5px;background:linear-gradient(180deg,var(--accent),#024c75);box-shadow:0 8px 16px #024c7566}.dev-garage .garage-car:before{content:"";position:absolute;left:16%;right:16%;top:-22px;height:28px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#5cbce0,var(--accent))}.dev-garage .garage-car:after{content:"";position:absolute;left:12%;bottom:-8px;width:20px;height:20px;border-radius:50%;background:#0d1726;box-shadow:196px 0 #0d1726}.dev-garage .garage-door{position:absolute;inset:0;display:flex;flex-direction:column;gap:3px;padding-bottom:3px;transition:transform .1s linear;z-index:1}.dev-garage .garage-door span{flex:1;border-radius:4px;background:repeating-linear-gradient(90deg,#d6dde0 0 14px,#c4cdd1 14px 28px);box-shadow:inset 0 1px #fff9,0 1px 3px #0d172624}.dev-tank{width:100%;max-width:240px;padding-top:14px}.dev-tank .sensor{position:relative;z-index:3;width:64px;height:20px;margin:0 auto -2px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#1b2738,#0d1726);display:grid;place-items:center;box-shadow:0 4px 10px #0d17264d}.dev-tank .sensor .beam{width:34px;height:4px;border-radius:2px;background:#22d3ee;box-shadow:0 0 10px #22d3eecc}.dev-tank .tank{position:relative;height:250px;border:3px solid #c4cdd1;border-top-width:0;border-radius:0 0 16px 16px;overflow:hidden;background:repeating-linear-gradient(180deg,transparent 0 24px,rgba(13,23,38,.05) 24px 25px),linear-gradient(180deg,#f4f8f9,#e7eef0)}.dev-tank.alarm .tank{border-color:#e09a6a}.dev-tank .fill{position:absolute;left:0;right:0;bottom:0;height:0;transition:height .7s cubic-bezier(.22,1,.36,1),background .4s}.dev-tank .fill:before{content:"";position:absolute;left:0;right:0;top:-5px;height:10px;background:inherit;border-radius:50%;opacity:.65}.dev-tank .ripple{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.18) 0 8px,transparent 8px 18px);background-size:200% 100%;animation:pool-ripple 4.5s linear infinite}.dev-tank .mark{position:absolute;left:0;right:0;height:0;z-index:2;border-top:2px dashed;pointer-events:none}.dev-tank .mark span{position:absolute;right:5px;top:-9px;padding:1px 7px;border-radius:7px;font-size:.6rem;font-weight:700;background:var(--surface)}.dev-tank .mark.low{border-color:#c2410c;color:#c2410c}.dev-tank .mark.high{border-color:#0369a1;color:#0369a1}.dev-tank .read{position:absolute;left:0;right:0;top:12px;z-index:2;text-align:center;text-shadow:0 1px 3px rgba(255,255,255,.7)}.dev-tank .read strong{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--ink);letter-spacing:-1px}.dev-tank .read span{font-size:.7rem;color:var(--ink-dim)}@media(max-width:920px){.ctrl-grid{grid-template-columns:1fr}.ctrl-stage{min-height:320px;order:-1}}.faq{max-width:760px;margin:40px auto 0;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 22px;transition:border-color .2s,box-shadow .2s}.faq-item[open]{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:600;font-size:1.02rem;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{flex:none;color:var(--ink-mute);transition:transform .25s var(--ease)}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--primary)}.faq-item>p{margin:0 0 18px;color:var(--ink-dim);font-size:.98rem;line-height:1.6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}