:root{--navy:#071a3b;--deep:#04162b;--teal:#00d2bd;--ink:#071a30;--muted:#526171;--paper:#f7f5f0;--line:rgba(7,26,59,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #008d83;outline-offset:5px}img{max-width:100%;height:auto;display:block}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(3.2rem,6.7vw,7rem);margin-bottom:28px}h2{font-size:clamp(2.7rem,4.8vw,5rem);margin-bottom:32px}h3{font-size:2rem}em{font-style:normal;color:#008c82}.hero em,.closing em,.ai-section em{color:var(--teal)}p{max-width:62ch}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.19em;margin-bottom:25px;color:#007f77}.hero .eyebrow,.closing .eyebrow,.ai-section .eyebrow{color:var(--teal)}.skip{position:fixed;z-index:100;top:-100px;left:20px;background:white;padding:10px 20px}.skip:focus{top:12px}.header{height:98px;background:#fffdfaf5;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-wrap{width:min(1380px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;gap:40px}.brand{display:block;flex-shrink:0;width:110px}.brand img{width:110px;height:77px;object-fit:contain}.header nav{display:flex;gap:25px;margin-left:auto;align-items:center}.header nav a{font-size:13px;padding:14px 0;position:relative;font-weight:600;white-space:nowrap}.header nav a:after{content:'';height:2px;background:#008c82;position:absolute;bottom:6px;left:0;right:100%;transition:right .25s}.header nav a:hover:after,.header nav a[aria-current]:after{right:0}.nav-cta{background:var(--navy);color:white;border-radius:28px;padding:12px 20px;font-size:13px;white-space:nowrap}.nav-cta span{margin-left:14px;color:var(--teal)}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 75% 60%,#0b3c49 0%,var(--deep) 52%);color:white;position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 98px);display:flex;align-items:center;padding:70px 0 95px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.hero-copy p{font-size:18px;line-height:1.65;max-width:37ch;color:#d6e4e9;margin-bottom:32px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:14px 24px;border-radius:40px;background:var(--teal);color:var(--ink);font-size:14px;font-weight:700;border:1px solid transparent;min-height:50px;transition:transform .25s,background .25s,box-shadow .25s;text-align:center}.button:hover{transform:translateY(-3px);background:#25e8d1;box-shadow:0 8px 25px #00b5a52e}.button span{font-size:20px;font-weight:400}.button.secondary{background:transparent;border-color:#a9bcc6;color:white}.scroll-cue{position:absolute;bottom:25px;left:56px;font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:24px;color:#d1dce4}.scroll-cue span{font-size:24px}.hero-side{position:absolute;right:22px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#a7c5c9}.orbit-art{height:560px;position:relative;min-width:0}.orbit{width:100%;height:100%;position:relative;z-index:1}.orbit-fallback{position:absolute;inset:10%;display:grid;place-items:center;filter:drop-shadow(0 0 25px #00d2bd66)}.orbit-fallback i{position:absolute;width:100%;height:60%;border:3px solid #80e7e4;border-radius:50%;transform:rotate(-35deg)}.orbit-fallback i:nth-child(2){transform:rotate(40deg)}.orbit-fallback i:nth-child(3){transform:rotate(95deg)}.canvas-ready .orbit-fallback{display:none}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:#fffefa;padding:23px 0;font-size:11px;letter-spacing:.15em}.ticker>div{white-space:nowrap;animation:ticker 42s linear infinite;width:max-content}.ticker b{margin:0 40px;color:#008c82;font-size:20px}@keyframes ticker{to{transform:translateX(-40%)}}.section{padding:110px 0}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-intro>p{max-width:36ch;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{position:relative;padding:32px 25px 26px;border:1px solid #ffffff;background:linear-gradient(135deg,#fffdfb,#efeee9);border-radius:20px;box-shadow:0 14px 30px #071a3b08;transition:transform .3s,background .3s,color .3s;min-height:300px}.service:hover,.service:focus-visible{background:var(--navy);color:white;transform:translateY(-9px)}.service-icon{font-size:42px;display:block;margin-bottom:24px;line-height:1}.service h3{margin-bottom:16px;font-size:2rem}.service p{font-size:14px;line-height:1.6;color:var(--muted)}.service:hover p,.service:focus-visible p{color:#d2e2e8}.service-arrow{display:block;font-size:26px;color:#008c82}.service:hover .service-arrow{color:var(--teal)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.split p{color:var(--muted);font-size:17px}.ai-section{background:var(--deep);color:white;overflow:hidden}.ai-section p{color:#c5d7df}.workflow{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:35px;align-items:center;min-height:400px;position:relative}.flow-node{position:relative;border:1px solid #95eef288;border-radius:20px;background:linear-gradient(135deg,#b7f3f536,#0e5d7133);padding:20px 12px;text-align:center;color:white;font-size:12px;box-shadow:inset 0 0 20px #9de2e51c,0 0 25px #00b5a51a}.flow-node:not(.core):before{content:'';position:absolute;width:35px;height:2px;background:var(--teal);top:50%;left:-36px;box-shadow:0 0 8px var(--teal)}.input:before{display:none}.core{font-size:75px;line-height:1.3;padding:25px 10px;color:var(--teal);animation:corePulse 4s ease-in-out infinite}.core:before{content:'';position:absolute;height:2px;width:35px;left:-36px;top:50%;background:var(--teal)}.core small{display:block;font:12px Arial,sans-serif;color:white;margin-top:4px}.flow-outputs{display:grid;gap:35px}.flow-outputs:before{content:'';position:absolute;right:calc(33% - 14px);top:85px;bottom:85px;border-left:1px solid #00b5a588}@keyframes corePulse{50%{box-shadow:0 0 35px #00d2bd44;transform:translateY(-5px)}}.product-art{min-width:0}.product-art img{width:100%;border-radius:24px;mix-blend-mode:multiply}.hero .product-art{background:var(--paper);border-radius:32px;overflow:hidden}.electronics .split{gap:30px;grid-template-columns:.9fr 1.1fr}.about-strip{border-top:1px solid var(--line);background:#edece6}.about-strip .split{grid-template-columns:.65fr 1.35fr}.text-link{display:inline-block;border-bottom:1px solid #008c82;padding:12px 0;color:#007b73;font-size:14px}.closing{background:var(--navy);color:white;padding:85px 0}.closing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.closing h2{font-size:clamp(3.5rem,6.3vw,6.5rem);margin:0}.closing p{color:#cbdae4}.closing .button{margin-top:12px}footer{background:var(--deep);color:#d7e0e9;padding:50px 0 35px;font-size:12px}footer .brand{filter:brightness(0) invert(1)}.footer-top{display:flex;align-items:center;gap:50px;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #ffffff20}.footer-top>a:not(.brand){font-size:18px}.footer-top>span{color:#8cabb9}.legal{display:grid;grid-template-columns:1.5fr 1fr .6fr;gap:30px;padding-top:30px;color:#b6c9d5}.legal a{text-decoration:underline;text-underline-offset:4px}.motion-toggle{position:fixed;right:16px;bottom:16px;z-index:20;background:#fffefa;color:var(--ink);border:1px solid #c1cece;font-size:10px;border-radius:24px;padding:9px 14px;box-shadow:0 3px 12px #0001}.inner{min-height:650px}.inner h1{font-size:clamp(3rem,5.3vw,5.5rem)}.inner .hero-copy p{max-width:42ch}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 55px;margin-top:55px}.detail{border-top:1px solid var(--line);padding:30px 0 38px}.detail .index{font-size:12px;color:#007b73;display:block;margin-bottom:24px}.detail p{color:var(--muted);font-size:16px}.soft-section{background:#eeede7}.prose{max-width:800px}.prose p{font-size:18px;color:var(--muted)}.browser-art{position:relative;border:1px solid #b0ced188;border-radius:14px;background:#e9f0ed;transform:perspective(1000px) rotateY(-12deg) rotateX(6deg);min-height:355px;box-shadow:0 30px 60px #0004;color:var(--ink)}.browser-top{font-size:12px;letter-spacing:4px;padding:10px 14px;border-bottom:1px solid #b1c6c7}.browser-top span{letter-spacing:0;font-size:9px;margin-left:40px}.browser-body{padding:35px;position:relative;overflow:hidden}.browser-body small{font-size:8px;letter-spacing:.12em}.browser-body strong{font:60px/.98 Georgia,serif;display:block;letter-spacing:-.05em;margin:22px 0}.fake-pill{font-size:9px;background:var(--teal);border-radius:30px;padding:10px 14px;display:inline-block}.mini-orbit{position:absolute;right:10px;bottom:10px;color:#00b5a5;font-size:170px}.phone-art{position:absolute;right:-15px;bottom:-50px;width:130px;height:240px;border-radius:22px;background:var(--navy);color:white;border:5px solid #69898e;padding:40px 15px 20px;box-shadow:0 15px 30px #0004}.phone-art i{position:absolute;top:7px;width:45px;height:10px;border-radius:12px;background:#011021;left:38px}.phone-art b{font:32px/1 Georgia,serif}.phone-art>span{display:block;font-size:60px;color:var(--teal)}.filter-tabs{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:40px;margin:10px 0 20px}.filter-tabs button{border:0;background:transparent;padding:10px 25px;border-radius:30px;color:var(--ink)}.filter-tabs button.active{background:var(--navy);color:white}.availability-box{border:1px solid var(--line);padding:35px;border-radius:20px;margin-top:30px;display:flex;justify-content:space-between;gap:40px;align-items:center}.availability-box h3{font-size:2rem}.availability-box p{max-width:55ch;color:var(--muted);margin:0}.availability-box .button{flex-shrink:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-section h1{font-size:clamp(3.5rem,5.5vw,6rem)}.contact-links{margin-top:50px}.contact-links small{font-size:10px;letter-spacing:.14em;display:block;color:#526171;margin:25px 0 6px}.contact-links a{display:block;overflow-wrap:anywhere;font-size:clamp(16px,1.6vw,22px);line-height:1.4}.contact-form{background:white;border:1px solid var(--line);border-radius:24px;padding:35px}.contact-form h2{font-size:2rem;letter-spacing:-.04em;margin-bottom:15px}.contact-form>p{font-size:14px;color:var(--muted)}label{display:block;font-size:12px;font-weight:700;margin:20px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #a7b9c2;border-radius:8px;padding:12px;background:#fcfdfa;color:var(--ink);font-size:16px}textarea{resize:vertical;min-height:130px}.form-note{font-size:12px!important;line-height:1.6;margin:20px 0}.form-note a{text-decoration:underline}.company-data{margin-top:45px}.company-data>div{display:grid;grid-template-columns:.65fr 1fr;gap:30px;border-top:1px solid var(--line);padding:22px 0}.company-data dt{color:var(--muted);font-size:14px}.company-data dd{margin:0;overflow-wrap:anywhere;font-size:15px}.privacy h1{font-size:5rem}.privacy h2{font-size:2rem;margin-top:45px;letter-spacing:-.03em}.privacy p{font-size:16px}.privacy a{text-decoration:underline}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.js-motion .hero-copy{animation:intro .9s .1s both}@keyframes intro{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important}
@media(min-width:1500px){.hero{min-height:780px}}@media(max-width:1100px){.nav-wrap{gap:20px;width:calc(100% - 48px)}.header nav{gap:16px}.nav-cta{display:none}.wrap{width:calc(100% - 72px)}.hero-grid{gap:0}.orbit-art{height:450px}.hero-side{display:none}.split{gap:35px}.service-grid{gap:12px}.service{padding:25px 18px}.service h3{font-size:1.7rem}.contact-grid{gap:40px}.footer-top>span{display:none}.workflow{gap:22px}.flow-node:not(.core):before,.core:before{width:22px;left:-23px}}@media(max-width:800px){.header{height:82px}.brand,.brand img{width:90px}.brand img{height:64px}.nav-wrap{justify-content:space-between}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:12px;min-height:44px}.menu-toggle i{display:block;width:16px;height:8px;border-block:1px solid var(--ink)}.header nav{display:none;position:absolute;top:81px;left:0;right:0;background:#fffdfa;padding:20px 28px 30px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0001;max-height:calc(100svh - 82px);overflow:auto}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:18px;padding:12px 0}.wrap{width:calc(100% - 48px)}.hero{padding:55px 0 70px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.5rem,11vw,5.3rem)}.hero-copy p{font-size:17px}.hero .eyebrow{font-size:9px;line-height:1.7}.orbit-art{height:340px;margin-top:-5px;margin-bottom:-30px}.hero .scroll-cue{bottom:20px;left:24px}.hero-copy{max-width:600px}.inner .hero-grid{gap:35px}.inner .orbit-art{height:280px}.section{padding:75px 0}.section-intro{display:block;margin-bottom:30px}.section-intro>p{max-width:50ch}.service-grid{grid-template-columns:repeat(2,1fr);gap:15px}.service{min-height:270px;padding:25px}.split,.electronics .split{grid-template-columns:1fr;gap:35px}.workflow{min-height:330px;max-width:520px;width:100%;margin:auto;gap:30px}.flow-node:not(.core):before,.core:before{width:30px;left:-31px}.flow-outputs:before{display:none}.product-art{max-width:650px}.about-strip .split{grid-template-columns:1fr;gap:0}.closing{padding:65px 0}.closing-grid{grid-template-columns:1fr;gap:30px}.closing h2{font-size:4rem}.footer-top{align-items:start;gap:20px}.footer-top>a:not(.brand){font-size:15px;padding-top:20px}.legal{grid-template-columns:1fr 1fr;gap:15px}.legal p:last-child{grid-column:1/-1}.inner{min-height:auto}.inner .product-art{max-width:560px}.detail-grid{gap:0 35px;margin-top:35px}.detail h3{font-size:1.8rem}.availability-box{display:block;padding:25px}.availability-box .button{margin-top:25px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-form{padding:28px}.company-data>div{grid-template-columns:1fr;gap:7px}.browser-art{margin:20px 20px 40px 0;max-width:550px}.contact-section h1{font-size:4rem}.privacy h1{font-size:4rem}}@media(max-width:440px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:3.5rem}.hero .actions{gap:10px}.button{padding:12px 20px;gap:20px;font-size:13px}.hero .actions .button{padding:12px 16px;gap:12px}.service{padding:22px 17px;min-height:290px}.service p{font-size:13px}.service h3{font-size:1.6rem}.service-icon{font-size:36px}.detail-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;gap:5px}.footer-top>a:not(.brand){padding-top:5px}.legal{grid-template-columns:1fr}.legal p:last-child{grid-column:auto}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:24px 20px}.workflow{gap:20px}.flow-node{padding:15px 6px;font-size:10px;border-radius:14px}.flow-node:not(.core):before,.core:before{width:20px;left:-21px}.core{font-size:55px}.core small{font-size:10px}.closing h2{font-size:3.4rem}.contact-section h1{font-size:3.5rem}.browser-body strong{font-size:48px}.mini-orbit{font-size:130px}.phone-art{width:105px;height:210px}.phone-art i{left:25px}.scroll-cue{font-size:8px}.motion-toggle{font-size:9px}}

.motion-paused .hero-copy{animation:none!important;opacity:1!important;transform:none!important}@media(max-width:440px){.hero h1{font-size:clamp(2.8rem,14vw,3.5rem)}}

/* Motion edition 1.1: autoplay, stagger, scroll depth and interactive cards. */
.header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#00b5a5;transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
.hero{contain:paint}
.hero:before,.hero:after{content:'';position:absolute;z-index:-1;width:52vw;height:52vw;min-width:300px;min-height:300px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#00d2bd16,transparent 68%);right:-10%;top:-20%;animation:ambient-drift 14s ease-in-out infinite alternate}
.hero:after{width:40vw;height:40vw;right:30%;top:50%;animation-delay:-6s;background:radial-gradient(circle,#10b9bd12,transparent 65%)}
@keyframes ambient-drift{to{transform:translate(-12%,20%) scale(1.18)}}
.motion-active.js-motion .hero-copy{animation:none}
.hero-line{display:inline-block}
.motion-active .hero-line{animation:line-in 1.05s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.12s + var(--line-delay,0s))}
@keyframes line-in{from{opacity:0;transform:translateY(35px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
.hero-copy>.eyebrow{animation:soft-in .8s .05s both}
.hero-copy>p{animation:soft-in 1s .55s both}
.hero-copy>.actions,.hero-copy>.button{animation:soft-in 1s .75s both}
@keyframes soft-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.orbit-art{transform:translateY(var(--hero-depth,0px)) rotate(var(--hero-spin,0deg));transition:transform .15s linear}
.scroll-cue span{animation:scroll-nudge 2.4s ease-in-out infinite}
@keyframes scroll-nudge{50%{transform:translateY(7px)}}
.js-motion .reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0s)}
.service{--card-x:0deg;--card-y:0deg;transform-style:preserve-3d}
.js-motion .service.reveal.visible{transform:perspective(900px) rotateX(var(--card-x)) rotateY(var(--card-y));transition:opacity .8s,transform .25s,background .3s,color .3s}
.js-motion .service.reveal.visible:hover,.js-motion .service.reveal.visible:focus-visible{transform:perspective(900px) translateY(-9px) rotateX(var(--card-x)) rotateY(var(--card-y))}
.service-icon{transition:transform .4s}.service:hover .service-icon{transform:translateY(-3px) rotate(-7deg)}
.service-arrow{transition:transform .3s}.service:hover .service-arrow{transform:translate(6px,-4px)}
.product-art img{animation:device-float 7s ease-in-out infinite;will-change:transform}
@keyframes device-float{50%{transform:translateY(-12px)}}
.flow-node:after{content:'';width:7px;height:7px;position:absolute;background:#73fff1;border-radius:50%;left:-35px;top:calc(50% - 3px);box-shadow:0 0 10px #00d2bd;animation:flow-travel 2.5s linear infinite}
.input:after{display:none}.flow-outputs .flow-node:nth-child(2):after{animation-delay:-.8s}.flow-outputs .flow-node:nth-child(3):after{animation-delay:-1.6s}
@keyframes flow-travel{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(34px);opacity:0}}
.browser-art{animation:browser-float 8s ease-in-out infinite}
@keyframes browser-float{50%{transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) translateY(-10px)}}
.motion-paused .hero-line,.motion-paused .hero-copy>.eyebrow,.motion-paused .hero-copy>p,.motion-paused .hero-copy>.actions,.motion-paused .hero-copy>.button{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
.motion-paused .orbit-art,.motion-paused .service{transform:none!important;transition:none!important}
.motion-paused .flow-node:after{display:none}
@media(max-width:800px){.hero:before,.hero:after{width:85vw;height:85vw}.orbit-art{transition:none}.product-art img{animation-duration:9s}}
/* Examples, guided quotation and social channels — 1.2 */
[hidden]{display:none!important}.lead{font-size:20px;color:var(--muted);max-width:65ch}.demo-intro{padding-bottom:55px}.demo-notice{font-size:13px;color:var(--muted);max-width:90ch;border-left:2px solid #00b5a5;padding-left:18px}.example-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.example-nav a{padding:10px 18px;border:1px solid var(--line);border-radius:30px;font-size:13px}.example-nav a:hover{background:var(--navy);color:white}.demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.demo-layout>div{min-width:0}.demo-layout>div>p{color:var(--muted)}.demo-surface{background:#fffefa;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 16px 35px #071a3b09}.demo-surface h3{font-size:1.9rem;letter-spacing:-.04em}.demo-badge{display:inline-block;font-size:9px;letter-spacing:.15em;color:#007b72;background:#e7f5ef;border-radius:25px;padding:7px 12px;margin-bottom:12px}.demo-result{background:#edf4f0;border-radius:15px;padding:24px;margin-top:24px;min-height:130px}.demo-result h3{font-size:1.6rem;margin-bottom:14px}.demo-result p{font-size:15px;margin-bottom:0}.small-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:20px}.small-note a{text-decoration:underline}.sample-web{border:1px solid var(--line);border-radius:14px;margin-top:25px;overflow:hidden}.sample-web-bar{font-size:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.sample-web-bar span{font-size:8px;letter-spacing:.13em;margin-left:18px}#sample-web-content{padding:25px;background:linear-gradient(135deg,#f3f5eb,#d5f1e9);min-height:280px}#sample-web-content h3{white-space:pre-line;font-size:2.5rem;margin-top:20px;max-width:14ch}#sample-web-content small{font-size:9px;letter-spacing:.1em}#sample-web-content p{font-size:13px}.inline-input{display:flex;gap:10px;align-items:end}.inline-input input{min-width:0}.inline-input .button{padding:12px 17px}.task-item{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:400;margin:0}.task-item input{width:20px;height:20px;margin:0;accent-color:#007f77}.task-item:has(input:checked) span{text-decoration:line-through;color:var(--muted)}#task-list{margin-top:22px}#task-summary{font-size:13px;margin:18px 0 0}.chat-bubble{padding:18px;border-radius:16px;background:#eef2f0;font-size:14px;margin:15px 0}.chat-bubble.user{background:#071a3b;color:white;margin-left:25px}.chat-bubble.answer{background:#dff7ef;margin-right:15px}.chat-questions{display:flex;flex-direction:column;gap:9px}.chat-questions button{text-align:left;color:var(--ink);background:white;border:1px solid #9dccc4;border-radius:12px;padding:12px;font-size:13px}.chat-questions button:hover{background:#e9f8f3}.workflow-steps{list-style:none;padding:0;counter-reset:flow;margin:25px 0}.workflow-steps li{padding:17px;margin:8px 0;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:14px;counter-increment:flow}.workflow-steps li:before{content:counter(flow);margin-right:16px;display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%}.workflow-steps li.done{background:#e0f7ef;color:#07554e;border-color:#00b5a5}.workflow-steps li[aria-current]{box-shadow:0 0 0 2px #00b5a533}.reset-button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:12px 18px;color:var(--ink);font-size:13px;min-height:46px}button:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.quote-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;margin-top:55px;align-items:start}.quote-aside h2{font-size:2.5rem}.quote-aside p{font-size:15px;color:var(--muted)}.quote-aside a{overflow-wrap:anywhere}.quote-progress{display:flex;list-style:none;padding:0;margin:0 0 35px;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line)}.quote-progress li{font-size:11px;padding-bottom:13px;color:var(--muted)}.quote-progress li[aria-current]{color:#007b72;border-bottom:3px solid #00b5a5}.quote-progress li.complete{color:#007b72}.quote-panel h2{font-size:2.3rem;letter-spacing:-.04em}.quote-step{min-height:280px}.quote-step h2:focus{outline:none}.quote-step>p{font-size:14px;color:var(--muted)}.service-options{display:grid;gap:10px}.service-options label{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:12px;margin:0;cursor:pointer;font-size:14px}.service-options label:has(input:checked){border-color:#00b5a5;background:#e5f7f0}.service-options input{width:19px;height:19px;margin:0;accent-color:#007f77}.quote-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.quote-actions .button{margin-left:auto}.quote-summary{white-space:pre-wrap;overflow-wrap:anywhere;background:#ecf4f0;border-radius:15px;padding:20px;font-size:13px}.social-buttons{display:flex;gap:12px;padding:25px 0 0}.social-buttons :is(button,a){display:flex;align-items:center;gap:9px;border:1px solid #50717a;background:transparent;color:#d7e6e6;border-radius:30px;padding:10px 15px;font-size:12px;min-height:44px}.social-buttons svg{width:22px;height:22px;flex-shrink:0}.social-buttons small{font-size:9px;opacity:.85}.social-buttons :is(button,a):hover{background:#163f4b}.floating-social{position:fixed;left:18px;bottom:18px;z-index:22}.floating-social .social-buttons{padding:0;gap:8px}.floating-social :is(button,a){background:#071a3b;box-shadow:0 4px 18px #0002;padding:12px}.floating-social :is(button,a) span,.floating-social :is(button,a) small{display:none}.floating-social button[data-social="whatsapp"]{background:#05685b;border-color:#1a8d77}.social-toast{position:fixed;bottom:85px;left:18px;z-index:40;width:min(350px,calc(100% - 36px));padding:20px;background:white;color:var(--ink);font-size:14px;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 40px #0002}.contact-section .button{margin-top:10px}.example-cross{border-top:1px solid var(--line)}
@media(max-width:1100px){.demo-layout{gap:35px}.quote-layout{gap:30px;grid-template-columns:.65fr 1.35fr}}
@media(max-width:800px){.demo-layout,.quote-layout{grid-template-columns:1fr;gap:30px}.demo-surface{padding:26px}.quote-aside{border-bottom:1px solid var(--line);padding-bottom:20px}.quote-aside h2{font-size:2rem}.quote-panel h2{font-size:2rem}.quote-step{min-height:240px}.lead{font-size:18px}}
@media(max-width:440px){.demo-surface{padding:23px 18px}.inline-input{flex-direction:column;align-items:stretch}.quote-progress{gap:5px}.quote-progress li{font-size:10px}.quote-actions{flex-wrap:wrap}.quote-actions .button{gap:8px}.social-buttons{flex-wrap:wrap}.social-buttons small{display:none}#sample-web-content{padding:22px 18px}#sample-web-content h3{font-size:2.1rem}.floating-social{left:12px;bottom:15px}.floating-social :is(button,a){padding:10px}.floating-social svg{width:20px;height:20px}}

.header nav .mobile-link{display:none}.quote-step h2{scroll-margin-top:120px}@media(max-width:800px){.header nav .mobile-link{display:block}}