/* Surfboard — Chinese responsive product website */
:root{--teal:#00cebe;--teal-deep:#00aca1;--teal-soft:#e6faf6;--teal-dust:#c8f6ef;--ink:#102a2c;--heading:#0c1a24;--muted:#657c83;--line:#dfeeed;--bg:#f7fbfa;--dark:#0d2027;--shadow:0 20px 55px rgba(23,89,87,.08);--radius:20px;--max:1180px;--font:Inter,"Noto Sans SC","Noto Sans CJK SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--font);font-size:15px;color:var(--heading);background:#fff;-webkit-font-smoothing:antialiased}body,button,input{font-family:var(--font)}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button,input,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0baaa0}img,svg{max-width:100%}img{display:block}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1,h2{letter-spacing:-.05em}p{line-height:1.85}button[disabled]{cursor:not-allowed}details summary{cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:99;left:20px;top:-60px;background:#fff;padding:12px}.skip:focus{top:12px} [hidden]{display:none!important}
.shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.header{background:#ffffffec;border-bottom:1px solid #edf3f2;position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}.header-inner{height:76px;display:flex;gap:30px;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-.055em;white-space:nowrap}.brand img{height:36px;width:36px;object-fit:cover;border-radius:2px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{position:relative;font-size:14px;color:#51666d;font-weight:650;padding:28px 0}.nav-links a.active,.nav-links a:hover{color:#009e94}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:5px;background:var(--teal)}.nav-action{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:12px;font-size:14px;font-weight:800;white-space:nowrap;min-height:48px;transition:transform .2s,background .2s,border-color .2s;line-height:1.3;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn svg{height:17px;width:17px}.btn-primary{background:var(--teal);color:#042c2b;border-color:var(--teal)}.btn-primary:hover{background:#00dfca}.btn-outline{border:1px solid #5bdbd1;background:#ffffffb8;color:var(--ink)}.btn-outline:hover{background:#eafbf8}.btn-dark{background:#fff;color:var(--dark)}.btn-small{min-height:42px;padding:11px 20px;font-size:13px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:11px;min-width:44px;height:44px;align-items:center;justify-content:center}.menu-toggle svg{width:21px;height:21px}
.eyebrow{color:#00aa9f;font-size:13px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.section{padding:100px 0}.section-tight{padding:70px 0}.section-light{background:linear-gradient(135deg,#f5fcfb,#fff 60%,#eafffa)}.section-title{font-size:clamp(30px,3.35vw,45px);line-height:1.23;font-weight:850;margin:0 0 17px}.section-subtitle{font-size:16px;color:var(--muted);max-width:620px;line-height:1.9}.section-head{margin-bottom:38px}.section-head .section-subtitle{margin-bottom:0}.action-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.center{text-align:center}.center .section-subtitle{margin-inline:auto}.tiny-note{font-size:12px;color:#81969c}.dim{color:var(--muted)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f9fefe 0%,#eefbfa 45%,#e8fbf8 100%)}.hero:after{content:"";z-index:-1;position:absolute;width:760px;height:640px;right:-160px;top:-180px;border:85px solid rgba(0,206,190,.12);border-radius:48%;transform:rotate(-20deg)}.hero .shell{min-height:630px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:75px}.hero-copy{position:relative;z-index:4}.hero h1{font-size:clamp(43px,4.6vw,64px);line-height:1.17;font-weight:900;margin:0 0 24px}.hero h1 span{color:#00aea4}.hero p{max-width:520px;font-size:17px;color:#5e7780;line-height:1.94}.hero-kpis{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;color:#415e63;font-size:12px;font-weight:750}.hero-kpis span{display:flex;align-items:center;gap:7px}.hero-kpis svg{width:17px;height:17px;color:#00bfb0}.visual-stage{min-height:450px;position:relative;display:flex;align-items:center;justify-content:center}.visual-stage:before,.visual-stage:after{content:"";z-index:-1;position:absolute;border:38px solid rgba(0,206,190,.2);border-radius:50%;width:480px;height:260px;transform:rotate(-25deg)}.visual-stage:after{border-color:rgba(0,206,190,.09);width:590px;height:340px;transform:rotate(28deg)}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:14px 17px;border:1px solid #e4f4f2;background:#fffffff0;box-shadow:var(--shadow);border-radius:14px;font-size:13px;font-weight:800}.float-chip svg{color:#00afa5}.float-chip small{display:block;font-weight:500;font-size:11px;margin-top:3px;color:#83989f}.chip-left{left:0;top:30%}.chip-right{right:0;top:18%}.chip-bottom{right:-18px;bottom:12%}
.phone{width:252px;height:486px;background:#080e15;border:9px solid #161d23;border-radius:38px;box-shadow:12px 16px 45px rgba(15,49,54,.24),inset 0 0 0 2px #5b7072;position:relative;padding:10px;color:#f1ffff;transform:rotate(5deg)}.phone:before{position:absolute;content:"";width:80px;height:16px;top:6px;left:50%;transform:translateX(-50%);background:#05090b;border-radius:0 0 12px 12px;z-index:2}.phone-screen{background:linear-gradient(165deg,#09282a,#0b171b 60%,#0d1f26);height:100%;border-radius:23px;padding:27px 12px 10px;overflow:hidden;display:flex;flex-direction:column;gap:10px}.phone-brand{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:850}.phone-brand img{width:18px;height:18px;border-radius:2px}.phone-brand span:last-child{margin-left:auto;opacity:.75}.power-wrap{text-align:center;padding:17px 0 8px;background:radial-gradient(ellipse at center,#0d5350,#102326 56%,transparent 73%);border-radius:50%;}.power-ring{width:114px;height:114px;border-radius:50%;border:13px solid #0b3737;box-shadow:0 0 0 8px #0a3335,0 0 30px #00ddc247;display:grid;place-items:center;margin:auto;background:#00cebe;color:#002d30}.power-ring svg{width:43px;height:43px}.phone-status{margin-top:14px;color:#4cfff0;font-weight:800;font-size:13px}.phone-status em{display:block;font-size:10px;color:#9cc9c5;font-style:normal;margin-top:4px}.phone-panel{background:#162c33;padding:12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.phone-panel small{color:#a0b9b9;display:block;margin-bottom:5px;font-size:10px}.phone-bottom{display:flex;justify-content:space-around;margin-top:auto;border-top:1px solid #244045;padding:10px 0 2px;color:#94afb4;font-size:11px}.phone-bottom b{color:#2de5d2}.phone-stats{display:flex;gap:5px}.phone-stats span{background:#172c32;border-radius:9px;flex:1;padding:9px 7px;font-size:11px}.phone-stats b{display:block;color:#dcfffb;margin-top:4px}.phone-stats small{color:#92afb2;font-size:9px}
.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e2eff0;border-radius:var(--radius);padding:28px;box-shadow:0 12px 30px rgba(16,73,77,.03)}.card h3{font-size:18px;margin:19px 0 8px}.card p{font-size:13px;color:#738890;line-height:1.85;margin:0}.card-icon{height:51px;width:51px;display:grid;place-items:center;background:#dffaf5;color:#00a99c;border-radius:15px}.card-icon svg{width:25px;height:25px}.card:hover{border-color:#b9e9e2;box-shadow:var(--shadow)}.showcase{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.showcase.reversed{grid-template-columns:1.1fr .9fr}.soft-panel{border:1px solid #e1f0ed;background:linear-gradient(145deg,#fff,#effaf9);padding:25px;border-radius:24px;box-shadow:var(--shadow)}.dashboard{border-radius:17px;display:grid;grid-template-columns:110px 1fr;gap:0;overflow:hidden;border:1px solid #dcebed;background:#fff;min-height:320px;box-shadow:0 18px 40px #12565118}.dashboard-sidebar{background:#f7fbfa;padding:20px 12px}.dashboard-sidebar .brand{font-size:12px;gap:5px;margin-bottom:20px}.dashboard-sidebar .brand img{width:21px;height:21px}.dashboard-sidebar .mini-nav{font-size:12px;color:#62777c;padding:10px 9px;border-radius:8px;margin-bottom:5px}.dashboard-sidebar .mini-nav.active{color:#009f95;background:#dff8f4;font-weight:800}.dashboard-main{padding:22px}.dashboard-main h4{font-size:16px;margin:0 0 12px}.metric{border:1px solid #e2eded;border-radius:12px;padding:15px}.metric-head{display:flex;justify-content:space-between;font-size:11px;color:#738e93}.metric svg{height:105px;width:100%}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.mini-card{border:1px solid #e3eeed;border-radius:10px;padding:12px;font-size:11px;color:#6e8387}.mini-card strong{display:block;font-size:19px;color:#182c34;margin:6px 0}.bullets{display:grid;gap:15px;margin-top:23px}.bullet{display:flex;gap:14px;align-items:flex-start}.bullet svg{width:24px;height:24px;color:#00b6aa;margin-top:2px}.bullet b{display:block;margin-bottom:6px}.bullet span{font-size:13px;color:var(--muted);line-height:1.7}
.dark-section{background:radial-gradient(circle at 70% 50%,#174f4d,#0f252c 55%,#0a1820);color:#fff;overflow:hidden}.dark-section .section-subtitle{color:#b7ced0}.dark-section .eyebrow{color:#38e6d6}.dark-section .section-title{color:#fff}.route-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.dark-facts{display:grid;gap:12px}.dark-fact{border:1px solid #30525a;border-radius:13px;background:#ffffff09;padding:17px 21px;display:flex;gap:15px;align-items:center}.dark-fact svg{color:#34e5d2}.dark-fact strong{display:block;margin-bottom:4px}.dark-fact p{margin:0;color:#aec6cd;font-size:12px}.route-graphic{border:1px solid #2d6263;border-radius:24px;background:#0d1c2499;padding:32px 20px;box-shadow:0 20px 45px #001a1c55}.route-graphic svg{width:100%;height:auto}.step-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{position:relative;border:1px solid var(--line);padding:28px;border-radius:19px;background:#fff}.step-num{font-size:35px;font-weight:900;color:#00bdb1;margin-bottom:25px}.step-card h3{font-size:18px;margin:0 0 8px}.step-card p{font-size:13px;color:#718890;margin:0}.step-card:not(:last-child):after{content:"→";color:#15b6aa;position:absolute;font-size:25px;right:-25px;top:47%;z-index:2}.code-window{background:#101f27;color:#cfe5e2;border-radius:17px;overflow:hidden;border:1px solid #274952}.code-title{display:flex;justify-content:space-between;background:#20353d;padding:16px 22px;font-size:13px;color:#bed3d1}.code-title button{background:#28484e;border:0;color:#fff;border-radius:8px;padding:6px 10px;font-size:12px}.code-window pre{white-space:pre;overflow:auto;margin:0;padding:25px;line-height:2;color:#cae7e5;font-size:13px}.code-window .no-color{color:#cae7e5}.doc-teasers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.doc-teasers a{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-radius:13px;border:1px solid var(--line);font-weight:750}.doc-teasers a:hover{border-color:var(--teal);color:#009e93}.doc-teasers svg{color:#00baae}
.faq-list{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.faq-item{border-bottom:1px solid #e5f0ef}.faq-item:last-child{border-bottom:0}.faq-item summary{list-style:none;padding:20px 24px;font-weight:750;display:flex;align-items:center;gap:13px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";margin-left:auto;color:#00aa9f;font-size:24px;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item .answer{padding:0 24px 19px;color:#627b82;font-size:14px;line-height:1.95}.answer p:last-child{margin-bottom:0}.faq-item:hover{background:#fbfefd}.faq-item .qnum{background:#d5fbf5;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#009b91;font-size:12px;flex-shrink:0}.call-to-action{background:#0d2027;color:#fff;overflow:hidden;position:relative}.call-to-action:after{content:"";position:absolute;top:20%;right:-5%;width:600px;height:220px;border:60px solid #00b9a846;border-radius:50%;transform:rotate(-16deg)}.call-to-action .shell{padding:75px 0;position:relative;z-index:2}.call-to-action .section-title{margin:0 0 12px}.call-to-action p{color:#b6d2d2}.footer{background:#0c1c22;color:#f1fafa;padding:48px 0 25px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer .brand{font-size:20px}.footer p{color:#9cb3b9;font-size:12px;max-width:290px}.footer-col{display:grid;gap:13px;align-content:start}.footer-col h4{font-size:13px;margin:0 0 7px}.footer-col a,.footer-col span{font-size:13px;color:#9cb4b9}.footer-col a:hover{color:var(--teal)}.footer-bottom{border-top:1px solid #25363d;margin-top:35px;padding-top:17px;color:#809ba0;font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.page-hero{background:linear-gradient(115deg,#f9fdfd,#ecfcfa 73%,#dff9f4);padding:88px 0 75px;overflow:hidden;position:relative}.page-hero:before{content:"";position:absolute;right:-100px;top:-200px;height:600px;width:500px;border:75px solid #00cebe16;border-radius:50%;transform:rotate(-24deg)}.page-hero .shell{position:relative;z-index:2}.page-hero h1{font-size:clamp(39px,4vw,58px);line-height:1.17;margin-bottom:21px;font-weight:900}.page-hero p{font-size:16px;color:var(--muted);max-width:600px}.page-hero.center h1{max-width:850px;margin-inline:auto}.page-hero.center p{margin-inline:auto}.hero-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-two .visual-stage{min-height:430px}.hero-two .phone{transform:rotate(6deg) scale(.92)}.section-spacer{margin-top:26px}.tab-phones{display:grid;grid-template-columns:1fr 1fr;gap:15px}.config-demo{padding:24px;background:#101f27;color:#f3ffff;border-radius:20px;box-shadow:var(--shadow)}.config-demo .switcher{display:flex;gap:9px;margin-bottom:20px}.config-demo .switcher span{color:#729694;border:1px solid #35525a;border-radius:8px;padding:9px 13px;font-size:12px}.config-demo .switcher .active{background:var(--teal);color:#073035;border-color:var(--teal)}.config-demo .profile-item{background:#20343c;border-radius:11px;padding:15px;margin-top:11px;display:flex;justify-content:space-between;align-items:center}.config-demo small{color:#90adb0}.feature-stripe{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px;background:#eafaf7;border-radius:15px;color:#26776f;font-weight:650;font-size:13px;flex-wrap:wrap}.feature-stripe span:not(:last-child):after{content:"·";margin-left:12px;color:#80cdc4}
.download-options{display:grid;grid-template-columns:1fr 1fr;gap:22px}.download-card{border-radius:22px;border:1px solid #dcefed;background:linear-gradient(140deg,#fff 25%,#eafaf7);padding:32px;min-height:320px;display:grid;grid-template-columns:1fr .9fr;gap:16px;align-items:center;overflow:hidden}.download-card h3{font-size:27px;margin:15px 0}.download-card p{font-size:13px;color:var(--muted)}.download-card .card-icon{width:58px;height:58px}.download-card .preview-device{justify-self:center}.preview-device{width:155px;height:265px;border:7px solid #1b292d;background:#102329;border-radius:24px;padding:12px;color:white;box-shadow:12px 14px 35px #12393728}.preview-device .bar{font-size:9px;padding:12px 7px;background:#1a3a3b;border-radius:8px;margin-top:10px}.preview-device .bar.accent{background:#00cebe;color:#083333;font-weight:bold}.preview-tv{width:250px;height:160px;border:8px solid #10272d;background:#0d1d27;color:#fff;border-radius:12px;padding:18px;box-shadow:12px 14px 35px #12393728}.preview-tv .row{display:flex;gap:10px}.preview-tv .row span{background:#193b40;padding:14px;border-radius:9px;font-size:10px;flex:1}.preview-tv .row span:first-child{background:#00cebe;color:#082d2b}.preview-tv:after{content:"";display:block;width:65px;height:12px;background:#1d3034;margin:20px auto 0;border-radius:3px}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.support-grid .card{padding:22px}.support-grid .card h3{font-size:15px;margin:12px 0 5px}.support-grid .card p{font-size:12px}
.guide-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.guide-overview .step-card{padding:23px}.guide-overview .step-card:not(:last-child):after{display:none}.guide-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:26px;margin:20px 0}.guide-row:nth-child(even) .guide-shot{order:2}.guide-shot{background:radial-gradient(circle at 50% 65%,#c6f9ee,#eefbf9 70%);border-radius:19px;min-height:260px;border:1px solid #ddf1ed;padding:22px;display:grid;place-items:center}.guide-shot .preview-device{width:190px;height:295px}.guide-step{padding:32px;background:#fff;border:1px solid var(--line);border-radius:19px;display:flex;flex-direction:column;justify-content:center}.guide-step .big-index{font-size:34px;color:var(--teal-deep);font-weight:900}.guide-step h3{font-size:24px;margin:12px 0}.guide-step p{color:var(--muted);font-size:14px}.guide-step .hint{background:#f1fbf8;border-radius:10px;padding:12px 16px;margin-top:10px;font-size:12px;color:#537978}
.docs-hero{padding:65px 0;background:linear-gradient(115deg,#f7fbfa,#e6faf7);border-bottom:1px solid var(--line)}.docs-hero h1{font-size:42px;margin:6px 0 14px}.docs-hero p{color:var(--muted)}.searchbox{width:100%;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #d8ebe7;border-radius:13px;padding:0 15px;color:#8aa2a5;min-height:55px}.searchbox svg{color:#00aea2}.searchbox input{font-size:14px;outline:0;border:0;background:transparent;flex:1;min-width:0;width:100%}.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 180px;gap:30px;padding:42px 0 92px;align-items:start}.docs-side{position:sticky;top:98px;border:1px solid var(--line);border-radius:15px;padding:15px;background:#fff;max-height:calc(100vh - 118px);overflow:auto}.docs-side h4{font-size:12px;color:#889ba0;padding:12px 12px 5px;margin:0}.docs-side a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:8px;font-size:13px;color:#526b71}.docs-side a:hover,.docs-side a.selected{background:#e6faf6;color:#008e84}.docs-side svg{width:17px;height:17px}.docs-content{min-width:0}.docs-content h2{font-size:29px;margin:0 0 13px}.docs-content h3{font-size:22px;margin:37px 0 14px}.docs-content p{color:#627b80;font-size:14px}.docs-content .lead{font-size:15px}.note{background:#effbf8;border:1px solid #bcebe4;border-left:4px solid var(--teal);border-radius:10px;padding:16px 20px;color:#4a7772;font-size:13px;line-height:1.75;margin:24px 0}.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 30px}.term-grid .card{padding:18px;border-radius:12px}.term-grid h4{font-size:14px;margin:0 0 7px}.term-grid p{font-size:12px;margin:0}.docs-toc{position:sticky;top:108px}.docs-toc h4{font-size:13px;margin:0 0 15px}.docs-toc a{display:block;border-left:2px solid #e0eded;padding:11px 12px;color:#759098;font-size:12px}.docs-toc a:hover{border-color:var(--teal);color:#008d84}.docs-topic{margin-top:44px;scroll-margin-top:100px}.docs-topic h3{margin-top:0}.docs-topic .code-window{margin-top:17px}.topic-nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:40px}.topic-nav a{border:1px solid var(--line);border-radius:12px;padding:20px;background:#f8fdfb;font-size:13px}.topic-nav a:hover{border-color:var(--teal)}
.faq-hero{background:linear-gradient(110deg,#fff,#f0fcfa);padding:85px 0 78px}.faq-hero h1{font-size:clamp(38px,4vw,55px);font-weight:900}.faq-hero p{color:var(--muted)}.faq-hero .searchbox{max-width:660px;margin:30px auto 0}.category-row{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.category-btn{padding:14px 19px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#475e63;font-weight:750;font-size:13px;min-height:46px}.category-btn.selected{background:#dff9f5;border-color:var(--teal);color:#008e83}.faq-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:35px}.faq-side{display:grid;gap:15px;align-content:start}.faq-side .card{padding:25px}.faq-side a{color:#00998f;font-weight:750;font-size:13px}.faq-main h2{font-size:24px}.faq-count{font-size:12px;color:#85999e}.trouble{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.trouble .card{padding:18px}.trouble h3{font-size:14px;margin:0 0 6px}.trouble p{font-size:12px}.modal{border:0;border-radius:19px;padding:0;max-width:min(480px,calc(100vw - 32px));box-shadow:0 28px 90px #0b33334d}.modal::backdrop{background:#0a252aa3;backdrop-filter:blur(3px)}.modal-inner{padding:35px}.modal-icon{width:46px;height:46px;background:#d6faf5;border-radius:14px;display:grid;place-items:center;color:#009f93}.modal-inner h2{margin:18px 0 8px}.modal-inner p{color:var(--muted);font-size:14px}
@media(max-width:1160px){.docs-layout{grid-template-columns:225px minmax(0,1fr)}.docs-toc{display:none}.hero .shell{gap:10px}.download-card{grid-template-columns:1fr}.download-card .preview-device,.download-card .preview-tv{display:none}.shell{width:min(var(--max),calc(100% - 48px))}.float-chip{padding:10px}.nav-links{gap:20px}}
@media(max-width:860px){.header-inner{height:68px}.nav-links{position:absolute;display:none;flex-direction:column;gap:0;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:8px 22px 18px}.nav-links.open{display:flex;align-items:stretch}.nav-links a{padding:16px 5px}.nav-links a.active:after{bottom:8px;width:30px}.menu-toggle{display:inline-flex}.header .btn-small{padding:11px 13px;min-height:42px}.hero .shell{grid-template-columns:1fr 1fr;min-height:auto}.hero h1{font-size:41px}.float-chip{display:none}.grid-4,.support-grid{grid-template-columns:1fr 1fr}.section{padding:72px 0}.section-tight{padding:55px 0}.showcase,.showcase.reversed,.route-wrap{gap:35px}.route-wrap{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr;gap:18px}.docs-side{position:static;max-height:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.docs-side h4{grid-column:1/-1}.docs-side a{padding:11px 8px}.guide-overview{grid-template-columns:repeat(2,1fr)}.download-card{min-height:290px}.footer-inner{grid-template-columns:2fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:640px){.shell{width:calc(100% - 36px)}.brand{font-size:19px}.brand img{width:30px;height:30px}.header .btn-small{font-size:12px;padding:9px 12px}.hero .shell{display:flex;flex-direction:column;align-items:stretch;padding:43px 0 42px;gap:12px}.hero h1{font-size:39px}.hero p{font-size:14px}.hero .action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .action-row .btn{padding:14px 10px}.hero-kpis{gap:16px;font-size:11px}.hero .visual-stage{min-height:460px}.visual-stage .phone{transform:rotate(3deg) scale(.91)}.section{padding:55px 0}.section-tight{padding:45px 0}.section-title{font-size:30px}.section-subtitle{font-size:14px}.grid-4,.grid-3,.grid-2,.download-options,.support-grid,.step-cards,.tab-phones{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr;gap:10px}.grid-4 .card{padding:16px;min-height:155px;border-radius:14px}.card h3{font-size:14px;margin:12px 0 6px}.card p{font-size:12px}.card-icon{width:42px;height:42px;border-radius:12px}.card-icon svg{height:22px;width:22px}.showcase,.showcase.reversed,.route-wrap{display:flex;flex-direction:column;align-items:stretch;gap:25px}.showcase.reversed .soft-panel{order:2}.dashboard{grid-template-columns:75px 1fr;min-height:250px}.dashboard-sidebar{padding:13px 5px}.dashboard-sidebar .brand{font-size:0}.dashboard-main{padding:12px}.dashboard-main h4{font-size:13px}.metric svg{height:75px}.step-cards{gap:12px}.step-card:not(:last-child):after{display:none}.step-card{padding:20px}.step-num{font-size:25px;margin:0 0 12px}.doc-teasers{grid-template-columns:1fr}.call-to-action .shell{padding:60px 0}.footer-inner{grid-template-columns:repeat(2,1fr);gap:30px}.footer-brand{grid-column:1/-1}.footer-col:last-child{display:grid}.page-hero{padding:55px 0}.page-hero h1{font-size:38px}.hero-two{display:flex;flex-direction:column;gap:15px}.hero-two .visual-stage{min-height:410px;width:100%}.download-card{padding:25px;min-height:auto}.download-card h3{font-size:22px}.download-card .preview-device,.download-card .preview-tv{display:block}.download-card{grid-template-columns:1fr 130px}.download-card .preview-device{width:110px;height:192px;padding:7px}.download-card .preview-tv{width:125px;height:85px;padding:7px}.preview-tv .row span{padding:6px;font-size:7px}.guide-overview{grid-template-columns:1fr 1fr;gap:9px}.guide-overview .step-card{padding:18px}.guide-row,.guide-row:nth-child(even){display:flex;flex-direction:column;gap:10px}.guide-row:nth-child(even) .guide-shot{order:0}.guide-shot{min-height:215px}.guide-shot .preview-device{height:210px;width:150px}.guide-step{padding:24px}.docs-hero{padding:38px 0}.docs-hero h1{font-size:32px}.docs-layout{padding-top:20px}.docs-side{display:flex;flex-wrap:nowrap;overflow:auto;padding:9px;white-space:nowrap}.docs-side h4{display:none}.docs-side a{flex-shrink:0}.docs-content h2{font-size:25px}.term-grid{grid-template-columns:1fr 1fr}.faq-hero{padding:55px 0}.faq-hero h1{font-size:36px}.category-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-btn{padding:12px 8px}.faq-main{grid-template-columns:1fr}.trouble{grid-template-columns:1fr 1fr}.faq-item summary{padding:16px 14px}.faq-item .answer{padding:0 14px 16px}}
@media(max-width:385px){.shell{width:calc(100% - 26px)}.header .btn-small{font-size:11px}.hero h1{font-size:35px}.grid-4{gap:8px}.grid-4 .card{padding:14px}.download-card{grid-template-columns:1fr}.download-card .preview-device,.download-card .preview-tv{display:none}.term-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Unique hero art direction for Features, Download and Quick Start. */
.mobile-only-link{display:none}
.duo-stage,.device-pair-stage,.setup-stage{height:450px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}
.duo-stage:before,.device-pair-stage:before,.setup-stage:before{content:"";position:absolute;inset:10% 0 8%;border:50px solid #00c9bd1f;border-radius:50%;transform:rotate(-25deg);z-index:-1}
.mini-device{position:absolute;height:365px;width:215px;border:8px solid #17292c;background:#0d1e26;border-radius:30px;box-shadow:11px 23px 39px #123e4140;padding:11px;color:#ecffff}.left-device{transform:translate(-85px,8px) rotate(-9deg)}.right-device{transform:translate(97px,37px) rotate(8deg)}.mini-screen{height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(150deg,#11353a,#08191f);padding:18px 10px}.mini-head{font-size:14px;font-weight:850;display:flex;gap:7px;align-items:center;margin-bottom:22px}.mini-head img{width:22px;height:22px}.mini-head svg{height:19px;width:19px;color:#00d7c3}.mini-toggle{background:#00d0be;color:#06353a;border-radius:8px;padding:10px 7px;margin-bottom:10px;text-align:center;font-weight:800;font-size:11px}.mini-row{min-height:51px;border:1px solid #29444c;border-radius:9px;margin:8px 0;padding:8px;display:flex;gap:7px;align-items:center;font-size:11px;background:#1b3038}.mini-row svg{margin-left:auto;height:16px;width:16px;color:#00e9cf}.mini-row small{display:block;color:#8fa7ad;font-size:9px;margin-top:3px}.mini-dot{height:21px;width:21px;border-radius:6px;background:#00cfb9;flex-shrink:0}.mini-dot.blue{background:#299cb8}.mini-dot.yellow{background:#efb74a}.mini-dot.red{background:#d16f9b}.stage-caption{position:absolute;bottom:0;color:#228a84;font-size:11px;letter-spacing:.12em;font-weight:800}
.pair-phone{position:absolute;width:190px;height:360px;border:8px solid #172a30;background:#0e1f26;border-radius:32px;padding:9px;transform:translate(-125px,-4px) rotate(-8deg);box-shadow:12px 21px 45px #17434440;color:#fff}.pair-tv{position:absolute;width:340px;height:212px;border:9px solid #17292b;border-radius:13px;background:#10232a;color:#fff;transform:translate(85px,36px) rotate(4deg);box-shadow:14px 21px 34px #123f4040;padding:22px}.pair-tv:after{content:"";display:block;position:absolute;bottom:-23px;left:40%;width:65px;height:14px;background:#17292b;border-radius:4px}.tv-title{font-size:16px;font-weight:800;display:flex;gap:10px;align-items:center}.tv-title img{height:25px;width:25px}.tv-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 10px}.tv-options span{background:#1d3e41;border-radius:9px;padding:15px;text-align:center;font-size:12px}.tv-options span:first-child{background:#00cebe;color:#0c3334}.pair-tv .tiny-note{color:#a1c0be}
.setup-guide{background:#102c31;border:8px solid #0e2027;box-shadow:18px 24px 45px #092f3342;color:#fff;border-radius:25px;padding:25px 26px;width:390px;transform:rotate(3deg)}.setup-title{font-size:22px;font-weight:850;margin-bottom:18px}.setup-line{display:flex;gap:14px;align-items:center;background:#213c42;border-radius:12px;padding:14px;margin-bottom:10px;font-weight:750;font-size:13px}.setup-line b{font-weight:900;color:#16e0cc}.setup-line svg{width:20px;height:20px;color:#05d7c4}.setup-line svg:last-child{margin-left:auto}.setup-bottom{display:flex;align-items:center;gap:10px;color:#90c9c2;font-size:11px;padding-top:15px}.setup-bottom img{height:24px;width:24px}
@media(max-width:860px){.nav-links.open .mobile-only-link{display:block}.duo-stage,.device-pair-stage,.setup-stage{height:400px}.left-device{transform:translate(-75px,8px) rotate(-9deg)}.right-device{transform:translate(75px,25px) rotate(8deg)}.pair-phone{transform:translate(-100px,0) rotate(-8deg)}.pair-tv{width:280px;transform:translate(65px,35px) rotate(4deg)}}
@media(max-width:640px){.duo-stage,.device-pair-stage,.setup-stage{width:100%;height:400px}.mini-device{width:175px;height:325px;padding:7px}.mini-screen{padding:15px 7px}.left-device{transform:translate(-70px,2px) rotate(-9deg)}.right-device{transform:translate(71px,26px) rotate(8deg)}.mini-head{font-size:12px}.mini-row{font-size:10px;min-height:48px}.pair-phone{width:160px;height:300px;transform:translate(-75px,0) rotate(-8deg)}.pair-tv{width:220px;height:155px;padding:11px;transform:translate(75px,29px) rotate(4deg)}.tv-options{margin:15px 0 6px}.tv-options span{padding:8px}.tv-title{font-size:12px}.setup-guide{width:min(350px,calc(100% - 8px));transform:rotate(2deg);padding:20px}}

/* 2026-10-15 — fidelity pass.  The editable HTML is the source of truth;
   the approved product illustration crops are local assets, not full-page background screenshots. */
:root{--max:1240px;--radius:14px;--shadow:0 12px 32px rgba(20,95,95,.075)}
.shell{width:min(var(--max),calc(100% - 76px))}
.header-inner{height:66px}.header .brand{font-size:22px}.header .brand img{width:37px;height:37px}.nav-links a{padding:21px 0}.btn{border-radius:12px;min-height:46px;padding:13px 25px}.btn-primary{background:linear-gradient(110deg,#04c9bd,#00dbcc);color:#07302e}.btn-outline{border-color:#00c9bd}.nav-links{gap:40px}
.section{padding:64px 0}.section-tight{padding:50px 0}.section-head{margin-bottom:25px}.section-title{font-size:clamp(28px,2.7vw,40px);line-height:1.29;letter-spacing:-.035em}.section-subtitle{font-size:15px;line-height:1.8}.eyebrow{letter-spacing:0;font-size:13px;margin-bottom:10px}.card{border-radius:14px;padding:23px;box-shadow:0 7px 25px rgba(21,100,99,.025)}.card h3{font-size:17px;margin:17px 0 7px}.card-icon{height:48px;width:48px;border-radius:13px;background:#dcfaf6}.grid{gap:17px}.grid-4 .card{min-height:190px}
.hero,.page-hero{background:linear-gradient(105deg,#fbfefe 0%,#f3fcfc 42%,#ecfcf9 100%)}.hero:after,.page-hero:before{display:none}.hero .shell{grid-template-columns:.93fr 1.07fr;min-height:505px;gap:10px;padding-block:35px}.hero h1{font-size:clamp(38px,4.25vw,57px);line-height:1.23;margin-bottom:17px;letter-spacing:-.06em}.hero p{font-size:16px;line-height:1.78;max-width:515px}.hero-kpis{margin-top:27px;gap:22px}.hero .action-row,.page-hero .action-row{margin-top:24px}.hero .action-row .btn,.page-hero .action-row .btn{min-width:155px}.design-art{width:100%;height:100%;min-height:365px;display:flex;align-items:center;justify-content:center;overflow:visible}.design-art img{max-width:unset;width:100%;height:auto;max-height:470px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(8,80,74,.055))}.stage-home-hero img{width:112%;margin-left:-6%}.stage-features-hero img,.stage-download-hero img,.stage-quick-hero img{width:112%;margin-left:-6%}
.page-hero{padding:38px 0}.page-hero .hero-two{grid-template-columns:.95fr 1.05fr;gap:0;min-height:455px}.page-hero h1{font-size:clamp(37px,4.15vw,55px);letter-spacing:-.05em}.page-hero p{font-size:15px;line-height:1.85}.hero-two .design-art{min-height:420px}
.showcase{gap:44px;grid-template-columns:.93fr 1.07fr}.showcase.reversed{grid-template-columns:1.07fr .93fr}.section-light{background:linear-gradient(110deg,#f2fbfc,#f8fefe 60%,#f1fbfc)}
.art-dashboard{width:100%;display:flex;justify-content:center}.art-dashboard img{width:100%;max-width:650px;filter:drop-shadow(0 12px 28px #216a7714)}
.home-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.home-stat{min-height:88px;background:#fff;border:1px solid #e1f0ef;border-radius:12px;display:flex;align-items:center;gap:14px;padding:16px;font-size:13px;font-weight:700}.home-stat svg{color:#00bbb0;background:#e1faf6;width:44px;height:44px;padding:11px;border-radius:50%}.home-stat span{display:block;color:#758c92;font-weight:500}.home-stat b{display:block;color:#142b30;font-size:16px;margin-top:3px}
.dark-section{background:linear-gradient(118deg,#131e2c,#0d1c25 68%,#092730);padding-block:65px}.route-wrap{grid-template-columns:.83fr 1.17fr;gap:28px}.dark-fact{padding:13px 16px;border-radius:11px;background:#193046aa;border-color:#2d4356}.dark-section .section-title{max-width:490px}.dark-section .section-subtitle{font-size:14px}.art-route{width:100%}.art-route img{display:block;width:100%;max-width:690px;max-height:440px;object-fit:contain;mix-blend-mode:screen}
.step-card{padding:22px;border-radius:13px}.step-num{font-size:31px;margin-bottom:19px;color:#157deb}.step-card h3{font-size:16px}.step-card p{font-size:13px}.step-cards{gap:23px}
/* Make the documentation preview light, just like the accepted home mockup */
.hero+section+.section-light .code-window{background:#fff;border-color:#ddecea;color:#2a6d69;box-shadow:var(--shadow)}.hero+section+.section-light .code-title{background:#f1faf9;color:#317b74}.hero+section+.section-light .code-window pre{color:#377d7b}
.art-profiles{width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:395px}.art-profiles img{width:100%;max-width:625px;filter:drop-shadow(0 16px 28px #1b737318)}
.download-options{gap:16px}.download-card{padding:24px;grid-template-columns:1fr .72fr;min-height:350px}.download-card h3{font-size:24px}.download-card .btn{min-width:190px}.approved-download-device{display:flex;align-items:center;justify-content:center;height:270px}.approved-download-device img{max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px #134e4829)}.download-promo-art{display:flex;align-items:center;justify-content:center}.download-promo-art img{max-width:100%;height:auto;filter:drop-shadow(0 10px 15px #07101440)}
.guide-overview{gap:15px}.guide-row{gap:15px;margin:15px 0}.guide-shot{background:linear-gradient(128deg,#eafafd,#f2fefd);min-height:290px}.guide-shot .guide-illustration{object-fit:contain;width:min(100%,540px);max-height:280px}.guide-step{padding:26px}.guide-step .big-index{font-size:31px}.guide-step h3{font-size:22px}.guide-step p{line-height:1.8}
.docs-hero{padding:48px 0}.docs-layout{padding-top:29px}.docs-content{line-height:1.65}.docs-content .code-window{background:#f8fbfc;color:#244848;border-color:#dee9eb}.docs-content .code-title{background:#edf7f7;color:#27484c}.docs-content .code-title button{background:#d4f5ed;color:#08635e}.docs-content .code-window pre{color:#2b6469;line-height:1.8}
.faq-hero{padding:60px 0 54px}.faq-hero .searchbox{border-radius:30px}.category-row{margin:25px 0}.category-btn.selected{box-shadow:0 0 0 1px #00c9bb}
.call-to-action{background:linear-gradient(110deg,#0c2029,#113d40 80%,#093132)}.call-to-action:after{width:360px;height:170px;right:-2%;top:15%;border-color:#00c7b528}.call-to-action .shell{padding:62px 0}.footer{padding:40px 0 20px}
@media(max-width:1160px){.shell{width:calc(100% - 48px)}.nav-links{gap:23px}.design-art img{width:108%}.download-card{grid-template-columns:1fr .6fr}.download-card .approved-download-device{height:230px}}
@media(max-width:860px){.section{padding:55px 0}.section-tight{padding:42px 0}.header-inner{height:66px}.nav-links{top:66px}.hero .shell{grid-template-columns:1fr 1fr;min-height:405px}.hero h1{font-size:39px}.design-art{min-height:300px}.page-hero .hero-two{min-height:355px}.page-hero h1{font-size:38px}.home-stat-grid{gap:9px}.home-stat{padding:10px;gap:8px}.home-stat svg{width:36px;height:36px;padding:8px}.home-stat b{font-size:13px}.download-card{grid-template-columns:1fr}.download-card .approved-download-device{display:none}.art-profiles{min-height:300px}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.hero .shell,.page-hero .hero-two{display:flex;flex-direction:column;gap:5px;align-items:stretch;padding-block:35px;min-height:0}.hero .shell{padding-block:36px 12px}.hero h1{font-size:clamp(34px,9vw,42px);max-width:395px}.hero p,.page-hero p{font-size:14px;line-height:1.75}.hero-kpis{margin-top:22px;gap:9px}.hero-kpis span{font-size:10px}.hero .action-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.hero .action-row .btn{min-width:0}.page-hero .action-row{display:flex;gap:9px}.page-hero .action-row .btn{min-width:0;flex:1;padding:12px 9px;font-size:12px}.page-hero h1{font-size:37px}.hero .design-art,.hero-two .design-art{height:auto;min-height:235px;max-height:none}.hero .design-art img,.hero-two .design-art img{width:107%;height:auto;max-height:340px;margin:0}.hero .design-art{order:2}.section{padding:40px 0}.section-tight{padding:33px 0}.section-title{font-size:28px}.section-head{margin-bottom:20px}.grid-4 .card{padding:15px;min-height:170px}.grid-4 .card h3{font-size:14px}.grid-4 .card p{font-size:12px}.section-light .showcase,.showcase.reversed{gap:20px}.home-stat-grid{gap:10px}.home-stat{padding:10px}.dark-section{padding:40px 0}.route-wrap{display:flex;flex-direction:column;gap:20px}.art-route img{width:100%}.step-card{padding:17px}.step-cards{gap:12px}.step-num{margin-bottom:12px}.step-card h3{font-size:14px}.guide-row .guide-shot{padding:8px;min-height:200px}.guide-shot .guide-illustration{max-height:230px}.guide-step{padding:23px}.art-profiles{min-height:0}.art-profiles img{max-width:100%}.download-options{gap:13px}.download-card{display:grid;grid-template-columns:1fr 126px;min-height:300px;padding:18px;gap:8px}.download-card .approved-download-device{display:flex;height:200px}.download-card .btn{min-width:0;width:100%;font-size:12px;padding:11px 7px}.download-card h3{font-size:19px}.download-card p{font-size:12px}.download-card .card-icon{width:42px;height:42px}.docs-hero{padding:33px 0}.docs-hero h1{font-size:31px}.docs-side{position:static;max-height:110px}.docs-content h3{font-size:19px}}
@media(max-width:380px){.download-card{grid-template-columns:1fr 95px}.download-card .approved-download-device{height:170px}.hero .design-art img,.hero-two .design-art img{width:100%}}
.doc-params{margin:12px 0 16px 0;padding-left:20px;list-style:disc}.doc-params li{margin-bottom:7px;font-size:14px;line-height:1.6;color:var(--text)}.doc-params code{background:#eef6f7;color:#1a5458;padding:1px 5px;border-radius:4px;font-size:13px}.docs-topic .note{display:flex;align-items:flex-start;gap:10px;background:#f0f9f8;border:1px solid #c8e8e4;border-radius:8px;padding:12px 14px;margin-top:14px;font-size:13px;color:#255557}.docs-topic .note svg{flex-shrink:0;width:18px;height:18px;margin-top:1px;color:#18a597}