:root{--navy:#002c61;--ink:#082d50;--turquoise:#00d7be;--mint:#e7fbf5;--line:#dce7e9;--muted:#526577}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #008c85;outline-offset:4px}p{line-height:1.55}h1,h2,h3,p{margin-top:0}.wrap{width:calc(100% - 96px);max-width:1480px;margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;z-index:100;top:-100px;left:15px;background:white;color:var(--navy);padding:12px}.skip-link:focus{top:12px}
header{background:var(--navy);color:white}.head{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{flex:0 0 auto}.logo{width:210px;height:auto}.head nav{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:700}.head nav>a{white-space:nowrap}.head .btn{font-size:14px;min-height:42px;padding:10px 21px}.head .outline{color:white;border-color:white;background:transparent}.menu{display:none;border:1px solid #d0e8ef;background:transparent;border-radius:9px;width:48px;height:44px;padding:10px}.menu span{display:block;height:2px;background:white;margin:5px 1px;border-radius:2px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid transparent;background:var(--turquoise);color:var(--ink);border-radius:14px;padding:11px 22px;font-weight:750;text-align:center;line-height:1.25;transition:background .15s,transform .15s}.btn:hover{background:#00c9b0;transform:translateY(-1px)}.btn.outline{background:white;border:2px solid var(--ink)}.head .btn.outline{background:transparent;border-color:white;color:white}.head .btn.outline:hover{background:#ffffff18}
.hero{background:#fff}.hero .wrap{max-width:1540px}.hero-inner{display:grid;grid-template-columns:43% 57%;align-items:center;gap:0;min-height:335px}.copy{padding:25px 10px 20px 0;position:relative;z-index:2}.copy h1{font-size:clamp(32px,3.5vw,53px);line-height:1.12;letter-spacing:-1.4px;margin:0 0 16px;font-weight:800}.copy h1 span{display:block;color:#00bea9;font-size:.88em;letter-spacing:-1.5px;margin-top:2px}.copy>p{font-size:clamp(16px,1.4vw,20px);line-height:1.5;margin-bottom:28px;max-width:600px;color:#0b294a}.actions{display:flex;align-items:stretch;gap:12px}.actions .btn{font-size:17px;white-space:nowrap;padding:12px 18px}.hero-visual{position:relative;min-width:0;isolation:isolate;border-radius:0 0 12px 12px;overflow:hidden;align-self:center}.hero-photograph{width:100%;height:auto;aspect-ratio:1480/604;object-fit:cover}.photo-stage{position:absolute;left:32.8%;top:11.8%;width:45%;height:64%;transform:rotate(-7deg) skewX(9deg);transform-origin:center;overflow:hidden;border-radius:4px;background:#fffefb;isolation:isolate}.scene{position:absolute;inset:0;padding:8px 7px;opacity:0;pointer-events:none;transform:translateX(14px);transition:opacity .22s,transform .25s;overflow:hidden}.scene.active{opacity:1;pointer-events:auto;transform:none}.scene svg{display:block;width:100%;height:100%;overflow:visible}.real-hand,.pencursor{display:none!important}.hero[data-slide="1"] .photo-stage{background:transparent;left:34%;top:14%;width:43%;height:53%}.hero[data-slide="1"] .scene.active{padding:0}.hero[data-slide="1"] .scene.active>svg>text,.hero[data-slide="1"] .scene.active>svg>g{display:none}.hero[data-slide="1"] .scene.active>svg>.trace{stroke:#00b7a3;stroke-width:2;transform:translate(90px,105px);opacity:.85}.scenario-caption{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);max-width:90%;padding:4px 10px;background:#fffffff0;border-radius:20px;color:#355465;font-size:10px;text-align:center;line-height:1.3;margin:0;white-space:nowrap}.controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:9px 0 22px}.slider-pill{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:390px;max-width:80%;height:43px;border-radius:28px;background:white;box-shadow:0 2px 7px #082d5025;border:1px solid #edf0f0}.arrow,.play{width:42px;height:42px;min-width:42px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);background:white;font-size:31px;line-height:1}.play{font-size:18px;border:1px solid #edf0f0;box-shadow:0 2px 7px #082d5025}.arrow:hover,.play:hover{background:var(--mint)}.slide-summary{display:flex;gap:9px;align-items:center;justify-content:center;min-width:0;font-size:15px}.slide-summary strong{font-weight:650}.slide-summary span:before{content:"·";padding-right:8px}.paused .scene *{animation-play-state:paused!important}
.section{padding:38px 0}.title{font-size:33px;line-height:1.2;letter-spacing:-.9px;font-weight:800;text-align:center;margin:0 0 24px}.title:after{content:"";display:block;width:140px;height:4px;background:var(--turquoise);border-radius:50%;margin:9px auto 0;transform:rotate(-1.5deg)}.feature-section{padding-top:0;padding-bottom:16px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature{display:flex;align-items:center;gap:14px;min-width:0;min-height:86px;padding:12px 15px;border:1px solid #e0e7e7;border-radius:17px;background:#fff;box-shadow:0 2px 2px #082d500a}.feature-icon{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:#ddfcf3;color:var(--ink)}.feature-icon svg{width:35px;height:35px}.feature-copy{min-width:0;border-left:1px solid #a4b7c3;padding-left:14px;flex:1}.feature h3{font-size:16px;letter-spacing:-.4px;margin:0 0 4px}.feature p{font-size:13px;line-height:1.35;margin:0}.feature-art{width:85px;height:60px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
#kimler{padding-top:4px;padding-bottom:22px}.photo-audiences{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.photo-audience{min-width:0;background:linear-gradient(#fff 35%,#effaf8);border:1px solid var(--line);border-radius:16px;overflow:hidden}.photo-audience img{width:100%;height:auto;aspect-ratio:320/141;object-fit:cover}.photo-audience>div{padding:9px 12px 12px}.photo-audience h3{font-size:16px;letter-spacing:-.4px;margin:0 0 5px}.photo-audience p{font-size:13px;line-height:1.35;margin:0}.audience-more{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:16px}.audience-more span{font-size:12px;padding:6px 11px;background:#eefaf6;border-radius:20px}.tagline{text-align:center;font-size:13px;color:#536b7d;margin-top:12px}
.measure-promo{display:grid;grid-template-columns:1.1fr 1.1fr .85fr;gap:24px;align-items:center;padding:14px 22px;border:1px solid #e0e7e7;border-radius:20px;box-shadow:0 2px 4px #082d5008}.measure-copy h2{font-size:31px;letter-spacing:-1px;margin:0 0 13px}.measure-copy h2:after{content:"";display:block;width:160px;height:4px;background:var(--turquoise);margin-top:7px;transform:rotate(-1.5deg)}.measure-copy p{font-size:16px;line-height:1.4;margin:0 0 10px}.badge{display:inline-flex;gap:8px;align-items:center;border-radius:30px;background:#adfae8;padding:7px 12px;font-size:12px;font-weight:700}.measure-promo>img{width:100%;height:auto;min-height:170px;object-fit:cover;border-radius:14px}.measure-steps{display:grid;gap:7px}.measure-steps>div{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;border:1px solid #e7eded;box-shadow:0 2px 4px #082d5010;font-size:14px;font-weight:700}.measure-steps b,.steps article>span{background:var(--turquoise);border-radius:50%;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;font-size:18px}.measure-steps .btn{font-size:13px;min-height:38px;padding:8px}.measure-details{grid-column:1/-1;border-top:1px solid var(--line);padding:12px 0 4px;font-size:14px}.measure-details>summary{cursor:pointer;font-weight:600}.measurement-panel{padding:25px 8px 10px;max-width:850px;margin:auto}.measure-live{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.measure-wall{position:relative;height:240px;margin:12px 25px 35px;background:#e8dfd0;border-bottom:9px solid #ad9278}.measure-window{position:absolute;left:14%;top:24%;width:30%;height:42.857%;background:#aed8df;border:6px solid #faf9ee}.measure-window i{position:absolute;left:48%;height:100%;border-left:3px solid white}.measure-door{position:absolute;left:66%;bottom:0;width:18%;height:75%;background:#a78264;border:4px solid #f6eee2}.measure-door b{position:absolute;right:2px;top:50%;color:#e8d7bc}.measure-window span,.measure-door span{position:absolute;left:50%;top:-25px;transform:translateX(-50%);white-space:nowrap;background:white;padding:3px 5px;border-radius:3px;font-size:12px}.wall-width{position:absolute;bottom:-28px;left:35%;font-size:13px}.wall-height{position:absolute;left:-17px;top:40%;transform:rotate(-90deg) translateY(-20px);font-size:13px}#measure-form{display:grid;gap:12px}#measure-form label{display:grid;gap:5px;font-size:14px}#measure-form input{width:100%;min-height:46px;border:1px solid #b0c5cb;border-radius:8px;padding:9px 12px;font-size:16px;background:white;color:var(--ink)}#measure-result{padding:12px;background:var(--mint);border-radius:9px;font-size:15px}.measure-disclaimer{font-size:12px;line-height:1.5;color:#4f6677;margin:15px 0 0}
.mint{background:white}.mint>.wrap{padding-top:24px}.module{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:25px;border:1px solid var(--line);border-radius:17px;margin-top:15px;align-items:center}.module-art{background:#edfcf6;min-height:140px;border-radius:15px;display:grid;place-items:center}.module-art span{font-size:58px;color:#00a58e}.module h3{font-size:24px;margin:0 0 9px}.module p{font-size:16px;margin:0 0 12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:6px 10px;font-size:12px;background:#edfaf5;border-radius:20px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.steps article{border:1px solid var(--line);border-radius:15px;padding:22px;background:#f2fbf9}.steps h3{font-size:19px;margin:14px 0 10px}.steps p{font-size:15px;margin:0}.pricing-note{text-align:center;color:#526577;font-size:15px}.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price{border:1px solid var(--line);border-radius:17px;padding:25px}.price h3{display:flex;gap:10px;align-items:center;font-size:23px;margin:0 0 16px}.price>strong{font-size:36px;display:block}.price strong small{font-size:14px;color:#5c6d79;font-weight:400}.price p{font-size:15px;min-height:48px}.price .btn{width:100%}.price:first-child{background:#eafff7;border-color:#00cbae}.price .badge{font-size:10px;padding:5px 9px}
.security{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:30px;background:#eef7f9;border-radius:17px}.security h2{font-size:28px;margin-bottom:10px}.security-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.security p{font-size:14px;margin:8px 0}.security-items b{font-size:16px}.experience{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:15px}.experience h2{font-size:23px;margin:0 0 8px}.experience p{font-size:15px;margin:0}.faq{margin:35px 0}.faq details{border:1px solid var(--line);border-radius:10px;padding:15px 18px;margin:10px 0;font-size:15px}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:15px 0 0}.cta{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px;border-radius:20px;background:var(--turquoise);margin-top:35px}.cta h2{font-size:27px;margin:0}.cta .btn{background:var(--navy);color:white}
footer{background:var(--navy);color:white;margin-top:25px;padding:28px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot .logo{width:190px}.footlinks{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.foot p{font-size:12px;margin:0}.foot p a{text-decoration:underline}.legal-header{display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,calc((100vw - 1000px)/2));gap:20px}.legal-header .brand{display:flex;align-items:center;gap:12px;color:white}.legal-header .brand img{width:48px;height:48px}.legal-header .outline{padding:10px 16px;border-radius:8px;color:white}.legal{width:min(900px,calc(100% - 40px));margin:40px auto 80px;line-height:1.8}.legal h1{font-size:32px}.legal h2{margin-top:28px}.legal-note{padding:16px;background:#e7faf5;border-radius:10px}
@media(min-width:1100px) and (max-width:1350px){.wrap{width:calc(100% - 64px)}.head{gap:22px}.head .logo{width:185px}.head nav{gap:16px;font-size:12px}.head .btn{font-size:13px;padding:10px 16px}.actions{gap:8px}.actions .btn{font-size:14px;padding:12px}.feature{padding:12px;gap:10px}.feature-art{width:65px}.feature-icon{width:44px;height:44px;flex-basis:44px}.feature h3{font-size:15px}.feature p{font-size:12px}.measure-promo{gap:16px}.measure-copy h2{font-size:27px}.measure-copy p{font-size:14px}.photo-audience>div{padding:10px}.photo-audience h3{font-size:14px}.photo-audience p{font-size:12px}}
@media(max-width:1099px){.wrap{width:calc(100% - 48px)}.head{position:relative;min-height:78px}.head .logo{width:200px}.menu{display:block;flex-shrink:0}.head nav{display:none;position:absolute;z-index:40;right:-24px;left:-24px;top:100%;padding:18px 24px;background:var(--navy);border-radius:0 0 12px 12px;box-shadow:0 12px 18px #082d5020;flex-direction:column;align-items:stretch;gap:6px;font-size:16px;max-height:calc(100dvh - 80px);overflow-y:auto}.head nav.open{display:flex}.head nav>a{display:flex;align-items:center;min-height:44px}.head .btn{font-size:16px;margin-top:6px;min-height:46px}.hero-inner{grid-template-columns:1fr;gap:0;min-height:0}.copy{padding:30px 0 24px}.copy h1{font-size:46px;max-width:820px;letter-spacing:-1.2px}.copy h1 span{font-size:.94em}.copy>p{font-size:18px;max-width:820px;margin-bottom:22px}.actions .btn{font-size:16px;padding:13px 20px}.hero-visual{width:100%;max-width:860px;margin:auto}.hero .wrap{width:calc(100% - 48px)}.controls{padding:12px 0 30px}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-art{width:75px}.feature h3{font-size:17px}.feature p{font-size:14px}.feature{min-height:105px}.photo-audiences{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-audience h3{font-size:18px}.photo-audience p{font-size:15px}.photo-audience>div{padding:14px}.measure-promo{grid-template-columns:1fr 1fr;padding:22px}.measure-promo>img{min-height:190px}.measure-steps{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.measure-steps .btn{grid-column:1/-1;justify-self:center;min-width:220px}.measure-steps>div{font-size:13px;padding:8px}.measure-copy h2{font-size:29px}.title{font-size:30px}.security{grid-template-columns:1fr}.security-items{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-stage .scene{padding:12px}.foot{justify-content:center;text-align:center}.footlinks{justify-content:center}}
@media(max-width:600px){html{scroll-padding-top:80px}.wrap,.hero .wrap{width:calc(100% - 32px)}.head{min-height:76px;gap:15px}.head .logo{width:190px;max-width:calc(100vw - 115px)}.head nav{left:-16px;right:-16px;padding:16px}.menu{width:44px;height:44px}.copy{padding:25px 0 24px}.copy h1{font-size:clamp(28px,6.7vw,38px);line-height:1.13;letter-spacing:-1.2px;margin-bottom:15px}.copy h1 span{font-size:1em;margin-top:3px;letter-spacing:-1px;max-width:100%}.copy>p{font-size:17px;line-height:1.5;margin-bottom:20px}.actions{display:grid;grid-template-columns:1fr;gap:10px}.actions .btn{width:100%;min-height:49px;font-size:17px;white-space:normal;border-radius:17px}.hero-visual{width:calc(100% + 32px);max-width:none;margin-left:-16px;border-radius:0}.hero-photograph{aspect-ratio:740/380;object-fit:cover;object-position:65% center}.photo-stage{left:29.4%;top:15.8%;width:49%;height:54%}.hero[data-slide="1"] .photo-stage{left:31%;top:17%;width:47%;height:46%}.scenario-caption{font-size:9px;bottom:5px;padding:3px 8px;max-width:95%}.controls{gap:12px;padding:15px 0 25px}.slider-pill{min-width:0;max-width:none;width:100%;height:44px;gap:4px}.slide-summary{gap:5px;font-size:13px;flex-wrap:wrap;line-height:1.2;text-align:center}.slide-summary strong{font-weight:600}.slide-summary span{white-space:nowrap}.slide-summary span:before{padding-right:5px}.arrow,.play{width:42px;height:42px;min-width:42px}.title{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin-bottom:20px}.title:after{width:105px;margin-top:9px}.section{padding:30px 0}.feature-section{padding-top:0;padding-bottom:24px}.features{grid-template-columns:1fr;gap:10px}.feature{padding:13px 12px;gap:12px;min-height:103px;border-radius:17px}.feature-icon{width:49px;height:49px;flex-basis:49px}.feature-icon svg{width:33px;height:33px}.feature-copy{padding-left:12px}.feature h3{font-size:17px;letter-spacing:-.5px;margin-bottom:5px}.feature p{font-size:14px;line-height:1.4}.feature-art{width:68px;height:58px}.photo-audiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-audience h3{font-size:16px}.photo-audience p{font-size:13px;line-height:1.45}.photo-audience>div{padding:11px}.photo-audience img{aspect-ratio:1.5}.audience-more{gap:6px;margin-top:18px}.audience-more span{font-size:11px;padding:6px 9px}.tagline{font-size:12px;line-height:1.5}.measure-promo{grid-template-columns:1fr;gap:15px;padding:18px;border-radius:17px}.measure-copy h2{font-size:28px;letter-spacing:-.9px}.measure-copy p{font-size:15px}.measure-promo .badge{font-size:11px;padding:7px 10px}.measure-promo>img{min-height:0;aspect-ratio:2.2;object-fit:cover}.measure-steps{grid-template-columns:1fr;gap:8px}.measure-steps>div{font-size:14px;padding:10px 12px}.measure-steps .btn{width:100%;min-height:44px}.measure-details{font-size:13px}.measure-live{grid-template-columns:1fr;gap:10px}.measurement-panel{padding:20px 0 0}.measure-wall{height:190px;margin:12px 14px 30px}.measure-window span,.measure-door span{font-size:10px}.wall-height{font-size:11px;left:-10px}.wall-width{font-size:12px}#measure-form input{min-height:48px}#measure-form .btn{min-height:48px}.measure-disclaimer{font-size:11px}.module{grid-template-columns:1fr;gap:16px;padding:18px}.module-art{min-height:110px}.module h3{font-size:21px}.module p{font-size:15px}.steps,.prices{grid-template-columns:1fr}.steps article{padding:20px}.price p{min-height:0}.security{padding:22px;gap:15px}.security-items{grid-template-columns:1fr 1fr;gap:12px}.security h2{font-size:25px}.security-items p{font-size:13px}.experience{padding:20px}.experience h2{font-size:21px}.faq details{padding:14px;font-size:14px}.cta{display:grid;padding:22px;gap:18px}.cta h2{font-size:24px}.cta .btn{width:100%}.foot{gap:20px}.footlinks{font-size:12px;gap:15px}.legal-header{padding:15px}.legal-header .brand{gap:7px;font-size:14px}.legal-header .brand img{width:35px;height:35px}.legal-header .outline{padding:7px}.legal{width:calc(100% - 32px)}}
@media(max-width:360px){.feature-art{width:48px}.feature{gap:9px;padding:12px 10px}.feature-icon{flex-basis:42px;width:42px;height:42px}.feature-copy{padding-left:9px}.feature h3{font-size:16px}.feature p{font-size:13px}.slide-summary{font-size:12px}.slide-summary span:before{display:none}.photo-audience h3{font-size:14px}.photo-audience p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene.active .trace{stroke-dashoffset:0!important}.scene.active .appear,.scene.active .stickmove{opacity:1!important}.scene.active .typedemo{clip-path:none!important}}

.scene .trace{stroke-dasharray:1;stroke-dashoffset:1}.scene.active .trace{animation:tracework .7s ease forwards;animation-delay:var(--delay,0s)}
.scene .appear,.scene .stickmove{opacity:0}.scene.active .appear{animation:revealwork .4s ease forwards;animation-delay:var(--delay,0s)}
.scene.active .stickmove{animation:stickwork .7s ease forwards;animation-delay:var(--delay,0s);transform-origin:center}
.scene.active .typedemo{animation:typework 1.5s steps(28,end) both;animation-delay:.4s}
.scene.active .pencursor{animation:penwork 1.5s ease both}.scene.active .heartbeat{animation:pulsework .7s ease 3;transform-origin:214px 130px}.scene.active .keydemo{animation:keywork .3s ease 3;animation-delay:var(--delay,0s)}
@keyframes tracework{to{stroke-dashoffset:0}}@keyframes revealwork{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes stickwork{from{opacity:0;transform:translate(70px,-40px) rotate(12deg)}to{opacity:1;transform:translate(0,0) rotate(var(--angle))}}
@keyframes typework{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes penwork{0%{transform:translate(-160px,0)}100%{transform:translate(35px,0)}}@keyframes pulsework{50%{transform:scale(1.08)}}@keyframes keywork{50%{fill:#08bdb5;transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.scene.active .trace{stroke-dashoffset:0}.scene.active .appear,.scene.active .stickmove{opacity:1}.scene.active .typedemo{clip-path:none}.scene.active *{animation:none!important}}


.back-to-top{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%,16px);z-index:80;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border:1px solid #087f85;border-radius:28px;background:#002c61;color:#fff;box-shadow:0 4px 14px #082d5026;font-size:14px;font-weight:700;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.back-to-top:hover{background:#005271}.back-to-top:focus-visible{outline:3px solid #00d7be;outline-offset:4px}body{padding-bottom:76px}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
/* Approved device-only module photographs; scoped to this section. */
#alanlar .module{grid-template-columns:minmax(200px,30%) minmax(0,1fr);gap:30px;padding:15px}#alanlar .module-art{background:transparent;min-height:0;border-radius:14px;overflow:hidden}#alanlar .module-art img{width:100%;height:auto;aspect-ratio:746/440;object-fit:cover;display:block}#alanlar .module>div:last-child{padding:12px 14px 12px 0}@media(max-width:760px){#alanlar .module{grid-template-columns:1fr;padding:14px;gap:16px}#alanlar .module-art img{aspect-ratio:1.7}#alanlar .module>div:last-child{padding:0 4px 6px}}


/* Fit each animated scene to the photographed tablet screen. */
.hero .hero-visual .photo-stage,.hero[data-slide="1"] .hero-visual .photo-stage{left:0;top:0;width:430px;height:240px;transform-origin:0 0;border-radius:3px;background:#fffefb;clip-path:polygon(0 0,100% 0,100% 55%,94% 56%,87% 65%,82% 80%,89% 88%,100% 92%,100% 100%,0 100%);overflow:hidden}
.hero[data-slide="1"] .scene.active>svg>text,.hero[data-slide="1"] .scene.active>svg>g{display:initial}
.hero[data-slide="1"] .scene.active>svg>.trace{transform:none;opacity:1}
.hero .photo-stage .scene{padding:10px 8px}
.hero .scenario-caption{position:static;transform:none;display:block;width:100%;max-width:none;margin:0;padding:8px 12px;background:#f1fbf7;font-size:13px;line-height:1.45;color:#20495b;border-radius:0;white-space:normal}
.demo-expand{min-height:44px;border:1px solid #a8c6ca;border-radius:24px;padding:9px 16px;background:white;color:var(--ink);font-size:14px;font-weight:650;white-space:nowrap}
.demo-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 40px);padding:22px;border:1px solid #cadcde;border-radius:18px;color:var(--ink);background:white;overflow:auto}
.demo-dialog::backdrop{background:#082d5080}.demo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-dialog-head h2{font-size:23px;margin:0}.demo-dialog-head .btn{min-height:44px;font-size:14px}.demo-dialog-art{width:100%;min-height:240px;margin:20px 0;background:#fffef9;border-radius:12px;overflow:hidden}.demo-dialog-art svg{width:100%;height:auto;display:block;min-height:240px}.demo-dialog p{font-size:14px;line-height:1.5;margin-bottom:0}.demo-dialog-art .real-hand,.demo-dialog-art .pencursor{display:none}
.controls{flex-wrap:wrap}.measure-disclaimer{font-size:13px!important}.security a{text-decoration:underline;overflow-wrap:anywhere}.price p{min-height:75px}.price #team-plan-details{padding:15px;margin-top:15px;background:#eefbf7;border-radius:12px}.price #team-plan-details h4{font-size:17px;margin:0 0 10px}.price #team-plan-details p{min-height:0;font-size:14px}.price #team-plan-details a{text-decoration:underline;font-size:14px}.foot p{font-size:14px;line-height:1.7}
html{height:100%;overflow:hidden}body{height:100dvh;padding-bottom:0;display:grid;grid-template-rows:minmax(0,1fr) 66px;overflow:hidden}.site-viewport{min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:30px;overscroll-behavior-y:contain}
.back-to-top-dock{position:relative;display:flex;align-items:center;justify-content:center;height:66px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3eeee;z-index:80}
.back-to-top{position:static;left:auto;bottom:auto;transform:none!important;min-height:44px;margin:0;box-shadow:0 2px 8px #082d501a;font-size:14px}.back-to-top.is-visible{transform:none}
@media(max-width:600px){.hero .scenario-caption{font-size:13px;line-height:1.5;padding:9px 14px}.controls{gap:10px}.slider-pill{order:0;width:calc(100% - 55px)}.play{order:1}.demo-expand{order:2;min-width:160px}.slide-summary{font-size:13px}.demo-dialog{padding:16px}.demo-dialog-head h2{font-size:20px}.demo-dialog-art{margin:15px 0}.demo-dialog p{font-size:13px}.measure-disclaimer{font-size:13px!important}.price p{min-height:0}.security-items{grid-template-columns:1fr}.foot .logo{width:190px}}
@media(prefers-reduced-motion:reduce){.site-viewport{scroll-behavior:auto}}

.legal-header .brand img.logo{width:210px;height:auto}.legal a{color:#006b70;text-decoration:underline}.legal{line-height:1.8}.legal h2{margin-top:28px}@media(max-width:600px){.legal-header .brand img.logo{width:170px;max-width:calc(100vw - 145px);height:auto}.legal-header{gap:12px}.legal{font-size:16px}.legal h1{font-size:28px}}