/* WebAR: the rally page's organic geometry in the existing blue palette. */
.tbd-svcpage--webar { --color-text-display:#173d59; background:#f3f8fc; }
.tbd-svcpage--webar .tbd-svhero { isolation:isolate; overflow:clip; background:#edf6fc; padding-block:72px 92px; }
.tbd-svcpage--webar .tbd-svorb,.tbd-svcpage--webar .tbd-svrings { display:none; }
.tbd-svcpage--webar .tbd-svhero::before { content:""; position:absolute; z-index:-1; width:77%; height:115%; left:-12%; top:-8%; background:#00618f; border-radius:43% 57% 53% 47% / 46% 40% 60% 54%; transform:rotate(-8deg); }
.tbd-svcpage--webar .tbd-svhero::after { content:""; position:absolute; z-index:-1; width:340px; height:340px; right:-110px; bottom:-100px; border:48px solid #91d8ff; border-radius:43% 57% 39% 61%; transform:rotate(22deg); }
.tbd-svcpage--webar .tbd-svgrid { inset:26px 3% auto auto; width:150px; height:120px; opacity:.5; background:radial-gradient(#6098bb 2px,transparent 3px) 0 0/16px 16px; mask-image:none; transform:rotate(9deg); }
.tbd-svcpage--webar .tbd-svhero__h1 { color:#fff; }
.tbd-svcpage--webar .tbd-svhero__p { color:#eff8ff; }
.tbd-svcpage--webar .tbd-svhero .tbd-sveyebrow { color:#a8e1ff; }
.tbd-svcpage--webar .tbd-svphone::before { content:""; position:absolute; inset:2% -1%; background:#b7d5f3; border-radius:53% 47% 62% 38% / 40% 60% 40% 60%; transform:rotate(15deg); }
.tbd-svcpage--webar .tbd-svphone__body { border:3px solid #fff; box-shadow:12px 18px 0 #173d5920; transform:rotate(7deg); }
.tbd-svcpage--webar .tbd-svchip { box-shadow:0 5px 0 #173d5920; }
.tbd-svcpage--webar .tbd-svsteps { background:#edf6fc; }
.tbd-svcpage--webar .tbd-svsteps article { background:#fff; border:1px solid #d6e7f3; border-radius:32px 12px 32px 12px; box-shadow:5px 6px 0 #c1dbe64d; }
.tbd-svcpage--webar .tbd-svsteps .tds-icon { display:grid; place-items:center; width:64px; height:64px; background:#e2f4ff; border-radius:43% 57% 60% 40%; }
.tbd-svcpage--webar .tbd-anchors { background:#f8fcff; border-bottom:1px solid #d6e7f3; }
.tbd-svcpage--webar .tbd-svsec { isolation:isolate; overflow:clip; }
.tbd-svcpage--webar .tbd-svsec--curve { margin-top:0; border-radius:0; padding-block:clamp(64px,7vw,104px); }
.tbd-svcpage--webar .tbd-svin { position:relative; z-index:1; }
.tbd-svcpage--webar .tbd-svsec::before,.tbd-svcpage--webar .tbd-svsec::after { content:""; pointer-events:none; position:absolute; z-index:0; }
.tbd-svcpage--webar #can { background:#f7fbff; }
.tbd-svcpage--webar #can::before { width:280px; height:220px; right:-100px; top:30px; background:#e0edf8; border-radius:43% 57% 59% 41%; transform:rotate(-25deg); }
.tbd-svcpage--webar #can::after { width:110px; height:110px; left:-40px; bottom:40px; background:repeating-linear-gradient(45deg,transparent 0 10px,#8bc4e4 11px 13px); border-radius:50%; }
.tbd-svcpage--webar .tbd-svcols { padding:28px; border:2px dashed #a4c8df; border-radius:24px; background:#ffffffb3; }
.tbd-svcpage--webar #works { background:#e2f1fc; }
.tbd-svcpage--webar #works::before { width:420px; height:380px; right:-130px; top:-180px; border:45px solid #c5e1f5; border-radius:44% 56% 64% 36%; }
.tbd-svcpage--webar #works::after { left:24px; bottom:34px; width:130px; height:110px; background:radial-gradient(#88b7d4 2px,transparent 3px) 0 0/17px 17px; }
.tbd-svcpage--webar .tbd-wcard { padding:18px; background:#fff; border-radius:28px 12px 28px 12px; box-shadow:6px 7px 0 #17507712; }
.tbd-svcpage--webar #feature { background-color:#f2f6fd; background-image:linear-gradient(#bfd0ed30 1px,transparent 1px),linear-gradient(90deg,#bfd0ed30 1px,transparent 1px); background-size:36px 36px; }
.tbd-svcpage--webar .tbd-svfeat article { padding:26px; background:#fff; border:1px solid #d5e2f0; border-radius:26px 10px 26px 10px; }
.tbd-svcpage--webar #price { background:#00557f; }
.tbd-svcpage--webar #price::before { width:280px; height:250px; right:-120px; top:-90px; border:36px solid #267ca3; border-radius:57% 43% 38% 62%; }
.tbd-svcpage--webar #price::after { width:130px; height:100px; left:20px; bottom:20px; background:radial-gradient(#70bde2 2px,transparent 3px) 0 0/18px 18px; }
.tbd-svcpage--webar .tbd-svprice__card { background:#ffffff12; border:1px solid #81c0df; border-radius:32px 12px 32px 12px; box-shadow:8px 9px 0 #00314b40; }
.tbd-svcpage--webar #flow { background:#eaf5fb; }
.tbd-svcpage--webar #flow::after { width:200px; height:200px; right:-90px; bottom:25px; border:30px solid #c9d5f3; border-radius:50%; }
.tbd-svcpage--webar .tbd-flow { padding:20px 12px; background:#ffffffba; border:1px solid #d5e6f2; border-radius:26px 10px 26px 10px; }
.tbd-svcpage--webar .tbd-flow-badge { border-radius:43% 57% 60% 40%; }
.tbd-svcpage--webar #cross { background:#f7fbff; }
.tbd-svcpage--webar #cross::before { width:140px; height:100px; right:30px; top:20px; background:repeating-linear-gradient(-45deg,transparent 0 12px,#bfd8ec 13px 15px); border-radius:50%; }
.tbd-svcpage--webar .tbd-crosscard { padding:16px 16px 24px; background:#fff; border:1px solid #d5e2f0; border-radius:22px 22px 44px 22px; box-shadow:4px 5px 0 #c1dbe64d; }
.tbd-svcpage--webar #faq { background:#e9edf8; }
.tbd-svcpage--webar #faq::before { width:360px; height:300px; left:-190px; top:40px; background:#d8e0f2; border-radius:43% 57% 60% 40%; }
.tbd-svcpage--webar .tds-faq__item { background:#fff; padding:24px; border:0; border-radius:22px 8px 22px 8px; }
.tbd-svcpage--webar .tds-faq { gap:16px; }
.tbd-svcpage--webar .tbd-final { isolation:isolate; background:#003a5c; }
.tbd-svcpage--webar .tbd-final__bg,.tbd-svcpage--webar .tbd-final__scrim { display:none; }
.tbd-svcpage--webar .tbd-final::before { content:""; position:absolute; width:320px; height:280px; right:-140px; top:-70px; border:45px solid #246c91; border-radius:44% 56% 36% 64%; z-index:-1; }
.tbd-svcpage--webar .tbd-final::after { content:""; position:absolute; width:140px; height:100px; left:2%; bottom:18px; background:radial-gradient(#80cfff 2px,transparent 3px) 0 0/18px 18px; z-index:-1; }
@media(max-width:840px) {
 .tbd-svcpage--webar .tbd-svhero { padding-block:36px 60px; }
 .tbd-svcpage--webar .tbd-svhero::before { width:150%; height:69%; left:-25%; top:-8%; border-radius:35% 45% 48% 42%; transform:none; }
 .tbd-svcpage--webar .tbd-svhero__grid { gap:42px; }
 .tbd-svcpage--webar .tbd-svhero__col { padding:8px 0 28px; }
 .tbd-svcpage--webar .tbd-svgrid { width:80px; height:80px; top:auto; bottom:20%; }
 .tbd-svcpage--webar .tbd-svphone { max-width:360px; width:100%; margin:auto; }
 .tbd-svcpage--webar .tbd-svphone__body { transform:rotate(4deg); }
 .tbd-svcpage--webar .tbd-svcols { padding:22px; }
 .tbd-svcpage--webar .tds-faq__item { padding:20px; }
}