:root{--navy:#071d40;--ink:#15243f;--muted:#697992;--blue:#1366ec;--blue2:#3f9ff7;--yellow:#ffd34a;--light:#f6f8fc;--edge:#e4eaf2;--white:#fff;--card:#fff;--shadow:0 16px 42px rgba(12,35,78,.07);--radius:20px;--focus:#ffac00;scroll-behavior:smooth;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:94px}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans','Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.15rem);font-weight:800}h3{font-size:1.25rem}p{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:16px;z-index:999;background:#fff;padding:12px}.skip:focus{top:16px}.announcement{background:#06152c;color:#c8d6ec;font-size:.77rem;font-weight:600}.announcement-inner{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.announcement a{color:#fff}.site-header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--edge);box-shadow:0 4px 16px rgba(12,28,60,.035)}.header-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:46px;height:46px;object-fit:cover;border-radius:12px;box-shadow:0 2px 5px #0001}.brand span{display:grid;line-height:1.22}.brand strong{font-size:1rem;letter-spacing:-.04em;font-weight:800}.brand small{font-weight:800;font-size:.54rem;color:var(--blue);letter-spacing:.16em;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.desktop-nav a,.mobile-nav a{font-size:.86rem;font-weight:700;color:#31405d;transition:color .2s}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--blue)}.head-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:39px;height:39px;border-radius:11px;border:1px solid var(--edge);background:var(--card);font-size:21px;color:var(--ink);display:grid;place-items:center}.head-book{white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:12px;min-height:43px;padding:12px 19px;font-size:.89rem;font-weight:800;transition:transform .15s,box-shadow .15s;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.btn-primary{background:var(--blue);color:white}.btn-white{background:#fff;color:var(--navy)}.btn-yellow{background:var(--yellow);color:#081e40}.btn-outline-light{border:1px solid #7991b6;color:#fff;background:transparent}.btn-large{padding:16px 26px}.menu-toggle{display:none}.mobile-nav{padding:13px 20px 20px;display:flex;flex-direction:column;gap:17px;border-top:1px solid var(--edge)}.mobile-nav[hidden]{display:none}
.hero{background:radial-gradient(ellipse at 67% 30%,#174885 0%,#0b2b59 33%,#071d40 72%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#FFFFFF20 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(110deg,transparent 15%,#000 100%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;min-height:595px;align-items:center;position:relative}.hero-copy{position:relative;z-index:4;padding:76px 0 83px}.eyebrow,.kicker{font-size:.71rem;font-weight:800;letter-spacing:.16em}.eyebrow{display:inline-flex;gap:11px;align-items:center;color:#a6d2ff}.status-dot{width:9px;height:9px;background:#5bf2ab;border-radius:100%;box-shadow:0 0 0 5px #5bf2ab21}.hero h1{font-size:clamp(2.85rem,5.2vw,5.15rem);font-weight:800;line-height:1.13;letter-spacing:-.064em;margin:19px 0 20px;max-width:690px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p{font-size:1.01rem;max-width:550px;color:#bed0eb;line-height:1.8;margin-bottom:26px}.hero-search{display:flex;align-items:center;max-width:555px;background:#fff;border-radius:14px;padding:7px;box-shadow:0 15px 42px #03132e60}.hero-search .search-symbol{font-size:29px;color:#8594ac;line-height:1;margin:0 8px 0 13px}.hero-search input{border:0;outline:none;min-width:0;flex:1;padding:9px 0;color:#172847;font-size:.91rem}.hero-search button{border:0;border-radius:9px;background:var(--yellow);color:#092249;padding:12px 17px;font-weight:800;white-space:nowrap}.hero-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#9fb7d6;font-size:.8rem;margin-top:17px}.inline-tag{border:1px solid #48618a;background:#0c2f5c;color:#d6eaff;border-radius:50px;padding:4px 11px;font-size:.73rem}.inline-tag:hover{background:#1d528c}.hero-proof{display:flex;align-items:center;gap:10px;font-size:.79rem;font-weight:700;color:#d2e2f8;margin-top:32px;flex-wrap:wrap}.proof-icon{display:grid;place-items:center;width:24px;height:24px;background:#123d6d;border-radius:100%;color:#71e1b5}.proof-divider{height:20px;width:1px;background:#50719c;margin:0 11px}.hero-art{position:relative;height:500px;isolation:isolate}.art-halo{position:absolute;border-radius:50%;border:1px solid #7fb4fe24}.halo-one{width:430px;height:430px;left:8%;top:5%;box-shadow:0 0 0 65px #4c8ae508,0 0 0 130px #4c8ae506}.halo-two{width:260px;height:260px;background:linear-gradient(130deg,#3a9fff33,#bce0ff05);top:120px;left:135px;filter:blur(3px)}.art-laptop{position:absolute;width:355px;left:-4%;top:135px;transform:rotate(-8deg);filter:drop-shadow(0 24px 26px #020b1f90)}.lap-screen{width:100%;height:215px;border:11px solid #152239;border-bottom:13px solid #152239;border-radius:13px 13px 6px 6px;background:linear-gradient(135deg,#0b84b9,#11478e 55%,#0d2a60);position:relative;overflow:hidden;box-shadow:0 0 0 2px #88a7d1}.lap-screen:before{content:"";position:absolute;inset:18px 24px;background:linear-gradient(#ffffff11,#ffffff05);border:1px solid #ffffff20;border-radius:9px}.lap-line{position:absolute;top:29px;left:43px;background:#83b7e4;width:82px;height:9px;border-radius:10px}.lap-chart{position:absolute;bottom:42px;left:45px;height:66px;display:flex;align-items:end;gap:9px}.lap-chart i{width:24px;border-radius:5px 5px 2px 2px;background:linear-gradient(#8adefc,#2ca4dc)}.lap-chart i:nth-child(1){height:28px}.lap-chart i:nth-child(2){height:43px}.lap-chart i:nth-child(3){height:35px}.lap-chart i:nth-child(4){height:59px}.lap-chart i:nth-child(5){height:48px}.lap-ui{position:absolute;right:35px;top:64px;color:#d7f5ff;font-size:32px;font-weight:800;text-align:right}.lap-ui span{display:block;font-size:9px;letter-spacing:.2em}.lap-keyboard{width:410px;height:17px;margin-left:-27px;background:linear-gradient(#b9cadd,#677b95);border-radius:1px 1px 55% 55%;box-shadow:0 4px 0 #233b5a}.art-phone{position:absolute;right:11%;top:24px;width:201px;height:386px;transform:rotate(11deg);border:10px solid #0b1527;border-radius:39px;background:linear-gradient(140deg,#31b6e8,#113d8f 55%,#092553);box-shadow:0 0 0 3px #a8bed7,17px 40px 38px #020a1bb3;overflow:hidden}.phone-notch{position:absolute;z-index:2;top:6px;left:50%;transform:translateX(-50%);width:69px;height:18px;background:#0b1527;border-radius:20px}.phone-glow{width:255px;height:255px;border-radius:100%;background:#7bd4fa4a;filter:blur(28px);position:absolute;left:-60px;top:80px}.phone-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:80px;text-shadow:0 8px 15px #0003}.phone-center small{font-size:9px;letter-spacing:.23em;font-weight:800;color:#dbf2ff;margin-top:10px}.phone-bar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);height:4px;width:65px;background:#f1f8ff;border-radius:6px}.floating-card{position:absolute;z-index:3;background:#fff;color:#133157;border-radius:15px;box-shadow:0 18px 35px #0003;padding:13px 16px;display:flex;align-items:center;gap:12px;animation:floaty 6s ease-in-out infinite}.floating-card>span{height:39px;width:39px;display:grid;place-items:center;border-radius:11px;background:#e8fbf3;color:#0dbb7d;font-weight:900;font-size:23px}.floating-card b{display:block;font-size:.78rem}.floating-card small{font-size:.66rem;color:#61738f}.floating-one{left:-8%;top:52px}.floating-two{right:-4%;bottom:42px;animation-delay:-2s}.floating-two>span{background:#e7f1ff}.spark{position:absolute;color:#68b7ff;font-size:27px}.spark-a{left:48%;top:17px}.spark-b{right:3%;bottom:95px;color:#ffd34a}.hero-bottomline{position:absolute;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,#16a3f9 0%,#5bbdff 51%,#ffcf39 100%)}@keyframes floaty{50%{transform:translateY(-9px)}}
.quick-stats{background:#fff;box-shadow:0 8px 25px #152c4a0a;position:relative;z-index:2}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr)}.stat-strip>a{padding:24px 15px;display:flex;gap:14px;align-items:center}.stat-strip>a+a{border-left:1px solid var(--edge)}.stat-icon{font-size:24px;color:var(--blue);height:47px;width:47px;border-radius:13px;background:#eaf2ff;display:grid;place-items:center;flex-shrink:0}.stat-strip strong{font-size:.88rem;display:block}.stat-strip small{font-size:.73rem;color:var(--muted)}.stat-arrow{margin-left:auto;color:#91a0b7}
.section{padding:92px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:33px}.section-heading h2{margin:9px 0 10px}.section-heading p{margin:0;max-width:720px}.kicker{color:var(--blue)}.text-link,.subtle-link{font-size:.88rem;font-weight:800;color:var(--blue);border:0;background:transparent;white-space:nowrap;padding:10px 0}.text-link:hover,.service-link:hover{text-decoration:underline}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter-chip{border:1px solid var(--edge);background:var(--card);color:var(--ink);padding:9px 16px;border-radius:9px;font-weight:700;font-size:.82rem}.filter-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.device-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.device-card{border:1px solid var(--edge);background:var(--card);border-radius:17px;padding:18px 13px 15px;text-align:center;transition:transform .2s,box-shadow .2s,border .2s;min-height:216px;position:relative}.device-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#90b6fa}.device-visual{height:128px;border-radius:11px;display:grid;place-items:center;position:relative;margin-bottom:14px;overflow:hidden;background:linear-gradient(135deg,var(--tone),#fff)}.device-visual:before{content:"";height:116px;width:116px;border-radius:50%;background:#ffffffa1;position:absolute}.device-emoji{position:relative;font-size:67px;filter:drop-shadow(0 12px 6px #102a4a18);transition:transform .2s}.device-card:hover .device-emoji{transform:scale(1.09) rotate(-3deg)}.device-card h3{font-size:.89rem;margin:0 0 4px;letter-spacing:-.02em}.device-card p{font-size:.72rem;margin:0}.device-card .arrow-corner{position:absolute;right:14px;top:14px;font-size:14px;color:#587194}.empty-state{text-align:center;padding:50px 20px;background:var(--light);border-radius:18px}.empty-state[hidden]{display:none}.empty-state>span{font-size:42px}.empty-state p{margin-bottom:20px}
.promo-section{padding:6px 0 22px}.promo-card{border-radius:22px;background:linear-gradient(115deg,#0f58ce,#2680ef);color:#fff;display:flex;align-items:center;gap:24px;padding:30px 34px;box-shadow:0 16px 36px #1d6ef432}.promo-icon{display:grid;place-items:center;width:61px;height:61px;font-size:35px;border-radius:17px;background:#ffffff21;flex-shrink:0}.promo-card h3{margin:0 0 7px;font-size:1.35rem}.promo-card p{margin:0;color:#e5efff;font-size:.88rem}.promo-card .btn{margin-left:auto;white-space:nowrap}
.guides-section{background:var(--light)}.guides-controls{display:flex;gap:14px;margin-bottom:26px}.input-search{position:relative;flex:1;display:flex;align-items:center}.input-search>span{position:absolute;font-size:23px;left:15px;color:#7b8da8}.input-search input{width:100%;padding:13px 14px 13px 45px;border:1px solid var(--edge);border-radius:12px;background:var(--card);color:var(--ink);min-height:46px}.guides-controls select{border:1px solid var(--edge);background:var(--card);color:var(--ink);border-radius:12px;padding:11px 15px;min-width:220px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{background:var(--card);border:1px solid var(--edge);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.guide-graphic{height:162px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(120deg,var(--tone),#fff)}.guide-graphic::after{content:"";width:147px;height:147px;border:1px solid #ffffffb4;border-radius:100%;position:absolute}.guide-graphic span{font-size:79px;position:relative;z-index:1;filter:drop-shadow(0 15px 12px #07254b27)}.guide-bookmark{position:absolute;right:13px;top:13px;z-index:2;height:38px;width:38px;border:1px solid #dde6f5;background:#fffe;border-radius:10px;font-size:22px;color:#375377}.guide-bookmark.is-saved{background:#fff0f2;color:#ed4475}.guide-card-content{padding:22px;display:flex;flex-direction:column;flex:1}.guide-meta{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;color:#627894;font-size:.72rem;font-weight:700}.guide-meta .difficulty{color:#0b9b73}.guide-card h3{margin:14px 0 9px;font-size:1.2rem}.guide-card p{font-size:.84rem;line-height:1.7;flex:1}.guide-link{background:transparent;border:0;color:var(--blue);font-weight:800;font-size:.85rem;text-align:left;padding:8px 0 0}.guides-note{margin-top:25px;padding:17px 20px;background:#e9f1ff;border:1px solid #d7e5f8;border-radius:12px;font-size:.8rem;color:#385c8b}.guides-note span{font-size:20px;margin-right:7px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid var(--edge);border-radius:18px;padding:27px 24px;box-shadow:0 8px 24px #153f7b05;display:flex;flex-direction:column}.service-icon{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-size:30px;margin-bottom:27px}.service-icon.blue{background:#e7f1ff}.service-icon.purple{background:#efe8ff}.service-icon.mint{background:#e1faf3}.service-icon.amber{background:#fff3d6}.service-card h3{margin-bottom:9px;font-size:1.08rem}.service-card p{font-size:.82rem;line-height:1.8;flex:1}.service-link{color:var(--blue);font-weight:800;font-size:.8rem;background:none;border:0;padding:10px 0;text-align:left}
.how-section{background:linear-gradient(#f8faff,#f7faff)}.section-heading.center{display:block;text-align:center}.section-heading.center p{margin:auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:51px 0 28px}.step-item{text-align:center;position:relative}.step-item:not(:last-child):after{content:'· · · · · · · · · →';position:absolute;top:80px;right:-70px;color:#9bb6da;font-size:24px;letter-spacing:4px;white-space:nowrap}.step-number{display:block;color:#87a4ce;font-size:.8rem;font-weight:800;letter-spacing:.15em}.step-symbol{height:112px;width:112px;display:grid;place-items:center;background:#e4efff;color:var(--blue);border-radius:28px;font-size:58px;font-weight:700;margin:18px auto}.step-item h3{font-size:1.1rem}.step-item p{font-size:.83rem;max-width:240px;margin:auto}.center-action{text-align:center}
.about-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:68px;align-items:center}.about-image{position:relative;border-radius:22px;overflow:hidden;background:#deeafa;box-shadow:var(--shadow)}.about-image img{width:100%;aspect-ratio:1.24;object-fit:cover}.about-image-badge{position:absolute;bottom:17px;left:17px;background:#fff;color:#243759;border-radius:12px;padding:11px 16px;font-size:.77rem;box-shadow:0 10px 35px #0004}.about-copy h2{margin:15px 0 20px}.about-copy h2 span{color:var(--blue)}.about-copy>p{font-size:.9rem;line-height:1.95}.check-list{padding:0;list-style:none;margin:25px 0}.check-list li{display:flex;align-items:center;gap:12px;margin:13px 0;font-weight:700;font-size:.85rem}.check-list span{background:#dcf7ed;color:#10a571;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-weight:900}.about-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.faq-section{background:var(--light)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-grid h2{margin-top:15px}.faq-grid>.faq-list{display:grid;gap:11px}.faq-list details{border:1px solid var(--edge);border-radius:13px;background:var(--card);padding:20px}.faq-list summary{cursor:pointer;font-weight:800;font-size:.9rem;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:21px;line-height:1;color:var(--blue)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:14px 0 0;font-size:.81rem;line-height:1.75}.contact-section{background:radial-gradient(ellipse at 65% -80%,#1c6dc4,#0a2550 73%);color:#fff;padding:65px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.light-kicker{color:#9dc8ff}.contact-inner h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:8px 0 12px}.contact-inner p{color:#aec6e7;margin-bottom:19px}.contact-address{font-size:.83rem;color:#dfebff;max-width:640px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.site-footer{background:#06152b;color:#d9e5fa;padding:54px 0 23px}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding-bottom:45px}.footer-brand p{font-size:.82rem;color:#9bb0ce;margin-top:18px;max-width:280px;line-height:1.8}.footer-top h4{font-size:.85rem;color:#fff;margin:0 0 17px}.footer-top a:not(.brand),.footer-top button,.footer-top span:not(.brand span){display:block;color:#a0b5d1;font-size:.8rem;margin-bottom:12px}.footer-top button{border:0;background:transparent;padding:0;text-align:left}.footer-top a:hover,.footer-top button:hover{color:white}.footer-bottom{border-top:1px solid #233454;display:flex;justify-content:space-between;gap:16px;padding-top:22px;font-size:.72rem;color:#8fa3c1}
.toast{position:fixed;bottom:25px;left:50%;z-index:310;transform:translate(-50%,30px);opacity:0;pointer-events:none;border-radius:13px;background:#0b2752;color:#fff;padding:13px 19px;max-width:min(400px,calc(100% - 32px));box-shadow:0 14px 45px #0004;transition:opacity .2s,transform .2s;text-align:center;font-weight:700;font-size:.82rem}.toast.show{opacity:1;transform:translate(-50%,0)}.app-dialog{width:min(780px,calc(100% - 24px));max-height:min(88vh,900px);padding:0;border:0;border-radius:20px;color:var(--ink);background:var(--card);box-shadow:0 35px 120px #0007;overflow:auto}.app-dialog::backdrop{background:#061b3ed1;backdrop-filter:blur(5px)}.dialog-header{padding:25px 27px 20px;display:flex;gap:20px;align-items:start;justify-content:space-between;border-bottom:1px solid var(--edge)}.dialog-header h2{font-size:1.65rem;margin:6px 0 5px}.dialog-header p{font-size:.8rem;margin:0}.dialog-close{height:38px;width:38px;border-radius:10px;border:1px solid var(--edge);background:var(--light);color:var(--ink);font-size:21px;flex-shrink:0}.dialog-body{padding:24px 27px 29px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.78rem}.field input,.field select,.field textarea{background:var(--white);border:1px solid var(--edge);border-radius:10px;padding:12px 13px;color:var(--ink);width:100%;min-width:0}.field textarea{resize:vertical;min-height:105px}.field-hint{font-size:.74rem;color:var(--muted)}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.dialog-info{padding:14px 16px;border-radius:11px;background:#eaf3ff;color:#315e91;font-size:.79rem;margin-top:17px}.guide-detail-top{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#e5f1ff,#fff);padding:20px;border-radius:14px;margin-bottom:20px}.guide-detail-emoji{font-size:64px}.detail-badges{display:flex;gap:8px;flex-wrap:wrap}.detail-badges span{background:#fff;border:1px solid #d8e4f4;padding:6px 10px;border-radius:8px;font-size:.72rem;font-weight:800}.detail-intro{font-size:.91rem;line-height:1.85}.detail-safety{background:#fff6e3;border:1px solid #f5ddb0;padding:15px;border-radius:12px;font-size:.83rem;color:#75511c;margin:17px 0}.guide-steps{list-style:none;padding:0;margin:18px 0 20px}.guide-steps li{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--edge);line-height:1.65;font-size:.88rem}.guide-steps .step-bubble{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:#e9f1ff;color:var(--blue);font-weight:800;font-size:.8rem}.guide-steps li.complete{color:#6f839d}.guide-steps li.complete .step-bubble{background:#e1f9ed;color:#128f69}.guide-steps button{border:0;background:none;text-align:left;color:inherit;padding:0;flex:1}.guide-steps button:hover{text-decoration:underline}.guide-footer{display:flex;gap:13px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tiny-progress{height:7px;background:#e8edf5;border-radius:10px;overflow:hidden;margin-top:12px}.tiny-progress div{height:100%;width:0;background:#17b88e;transition:width .2s}.guide-progress-label{font-size:.78rem;color:var(--muted);margin-top:10px}.ticket{border:1px solid var(--edge);padding:16px;border-radius:12px;margin-bottom:12px}.ticket-top{display:flex;justify-content:space-between;gap:12px}.ticket strong{font-size:.95rem}.ticket p{font-size:.79rem;margin:6px 0}.ticket small{color:var(--muted)}.ticket .delete-ticket{border:0;background:#fff0f0;color:#ad4242;border-radius:8px;padding:7px 10px;font-size:.74rem}.issue-options{display:grid;gap:11px}.issue-option{padding:16px;text-align:left;border:1px solid var(--edge);border-radius:12px;background:var(--white);color:var(--ink);font-size:.88rem;font-weight:700}.issue-option:hover{border-color:var(--blue);background:#f2f7ff}.recommendation-box{background:#eaf4ff;border-radius:12px;padding:18px;margin-top:15px}.recommendation-box p{color:#2f577b}.recommendation-box h3{margin:0 0 10px}.noscript{position:fixed;bottom:0;width:100%;background:#ffdf75;padding:15px;text-align:center;z-index:999}
body.dark{--ink:#e3eeff;--muted:#a7b9d3;--white:#071b33;--card:#0e2a48;--light:#0a223b;--edge:#284562;--shadow:0 18px 38px #0002;color-scheme:dark;background:var(--white)}body.dark .site-header,body.dark .quick-stats{background:#09223e}body.dark .desktop-nav a,body.dark .mobile-nav a{color:#d2e4ff}body.dark .stat-icon{background:#173f6e}body.dark .device-visual,body.dark .guide-graphic{filter:brightness(.83)}body.dark .filter-chip.active{background:#276be0}body.dark .guides-note,body.dark .dialog-info,body.dark .recommendation-box{background:#12375c;color:#d0e4fa;border-color:#2b5b88}body.dark .detail-safety{background:#594522;color:#ffdfa2;border-color:#8e743f}body.dark .guide-detail-top{background:#133554}body.dark .detail-badges span{background:#0d2845;border-color:#2c5377}body.dark .hero-search,body.dark .hero-search input{background:#fff;color:#172847}body.dark .about-image-badge{background:#0c3054;color:#fff}body.dark .step-symbol{background:#173a65}body.dark .how-section{background:#0b223b}body.dark .field input,body.dark .field select,body.dark .field textarea,body.dark .issue-option{background:#0b253f;color:#e3eeff}body.dark .issue-option:hover{background:#193b5b}
@media(max-width:1110px){.desktop-nav{gap:14px}.desktop-nav a{font-size:.8rem}.brand strong{font-size:.9rem}.hero-inner{gap:14px}.device-grid{grid-template-columns:repeat(4,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:870px){.desktop-nav,.head-book{display:none}.menu-toggle{display:grid}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:60px 0 25px}.hero h1{max-width:640px}.hero-art{height:360px;max-width:510px;width:100%;margin:auto}.art-laptop{transform:rotate(-8deg) scale(.87);transform-origin:top left;top:100px;left:2%}.art-phone{transform:rotate(10deg) scale(.85);transform-origin:top right;right:10%;top:0}.floating-one{top:25px;left:0}.floating-two{bottom:20px;right:0}.stat-strip{grid-template-columns:1fr 1fr 1fr}.stat-strip>a{padding:18px 8px}.stat-icon{width:40px;height:40px}.stat-strip strong{font-size:.75rem}.stat-strip small{font-size:.65rem}.device-grid{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:30px}.faq-grid{gap:30px}.footer-top{grid-template-columns:repeat(2,1fr)}.step-item:not(:last-child):after{display:none}}
@media(max-width:620px){.container{width:min(100% - 30px,1180px)}.announcement{font-size:.64rem}.announcement-inner>span{max-width:68%}.header-inner{min-height:70px}.brand img{height:38px;width:38px;border-radius:10px}.brand strong{font-size:.81rem}.brand small{font-size:.46rem}.head-actions{gap:7px}.icon-btn{height:36px;width:36px}.hero-copy{padding:51px 0 25px}.hero h1{font-size:clamp(2.75rem,11vw,4.1rem)}.hero-copy>p{font-size:.91rem}.hero-search{padding:5px}.hero-search input{font-size:.77rem}.hero-search button{padding:11px 12px;font-size:.78rem}.hero-examples{font-size:.75rem}.hero-proof{font-size:.7rem;margin-top:23px}.hero-art{height:330px}.art-laptop{transform:rotate(-8deg) scale(.73);left:1%;top:103px}.art-phone{transform:rotate(10deg) scale(.77);right:6%}.floating-card{padding:9px;font-size:.74rem}.floating-card>span{width:32px;height:32px}.floating-one{left:-1%;top:35px}.floating-two{right:0;bottom:23px}.stat-strip{grid-template-columns:1fr}.stat-strip>a{padding:13px 0}.stat-strip>a+a{border-left:0;border-top:1px solid var(--edge)}.stat-strip .stat-icon{height:41px;width:41px}.stat-strip strong{font-size:.83rem}.stat-strip small{font-size:.73rem}.section{padding:66px 0}.section-heading{align-items:start;gap:8px;flex-direction:column}.section-heading h2{font-size:2.15rem}.filter-row{gap:6px}.filter-chip{padding:8px 11px;font-size:.75rem}.device-grid{grid-template-columns:repeat(2,1fr);gap:11px}.device-card{padding:10px;min-height:180px}.device-visual{height:104px;margin-bottom:10px}.device-visual:before{height:93px;width:93px}.device-emoji{font-size:54px}.device-card h3{font-size:.83rem}.device-card p{font-size:.67rem}.promo-card{flex-wrap:wrap;gap:15px;padding:24px}.promo-icon{height:50px;width:50px;font-size:29px}.promo-card h3{font-size:1.16rem}.promo-card .btn{margin-left:0;width:100%}.guides-controls{flex-direction:column}.guides-controls select{width:100%}.guide-grid{grid-template-columns:1fr}.guide-graphic{height:170px}.services-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:38px;margin-top:38px}.about-grid{grid-template-columns:1fr}.about-image img{aspect-ratio:1.45}.faq-grid{grid-template-columns:1fr;gap:24px}.contact-inner{align-items:start;flex-direction:column}.contact-actions{width:100%}.contact-actions .btn{flex:1}.footer-top{gap:30px 20px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.dialog-header{padding:21px 19px}.dialog-header h2{font-size:1.4rem}.dialog-body{padding:18px 19px 23px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.guide-detail-emoji{font-size:47px}.guide-detail-top{gap:12px}.app-dialog{max-height:91dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Additional interactive states */
.device-card{font:inherit;color:var(--ink);width:100%;cursor:pointer}.device-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.guide-card-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:14px}.guide-bookmark{border:1px solid var(--edge);background:var(--card);color:var(--blue);font-size:25px;border-radius:10px;width:46px;height:45px;display:grid;place-items:center}.guide-bookmark-text{font-size:.8rem;width:auto;padding:0 13px;font-weight:800}.guide-bookmark[aria-pressed="true"]{color:#ed4475;border-color:#ed4475}.text-link.selected{color:#ed4475}.outline{border:1px solid var(--edge);color:var(--ink);background:var(--card)}.device-detail-hero{display:flex;align-items:center;gap:20px;border:1px solid var(--edge);border-radius:16px;background:var(--light);padding:18px;margin-bottom:20px}.device-detail-hero>span{font-size:67px}.device-detail-hero b{font-size:.85rem}.device-detail-hero p{margin:4px 0 0;font-size:.82rem}.related-guides{display:grid;gap:10px;margin-bottom:18px}.related-guide{padding:14px 15px;text-align:left;background:var(--card);color:var(--ink);border-radius:10px;border:1px solid var(--edge);font-weight:700;display:flex;justify-content:space-between;gap:15px}.related-guide:hover{border-color:var(--blue)}.booking-consent{display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:.8rem;line-height:1.65;margin-top:18px}.booking-consent input{margin-top:5px;flex-shrink:0}.guide-steps button[aria-pressed="true"]{text-decoration:line-through}.noscript{position:relative}

/* Finishing details for guide actions and confirmation. */
.guide-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.guide-card-actions .btn{flex:1}.guide-card-actions .guide-bookmark{position:static;flex:0 0 42px;height:43px;width:43px}.booking-consent{display:flex;align-items:start;gap:10px;margin-top:18px;color:var(--muted);font-size:.83rem;line-height:1.65}.booking-consent input{margin-top:4px;accent-color:var(--blue);width:16px;height:16px;flex:0 0 16px}.guide-card-actions button{max-width:100%}.btn.outline{border:1px solid var(--edge);background:var(--card);color:var(--ink)}

/* Supabase email OTP gate — no site UI until verified */
[hidden], #appShell[hidden], #authOtpForm[hidden], #authEmailForm[hidden]{display:none!important}
.auth-screen{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:30px 16px;background:radial-gradient(circle at 85% 12%,#1754a2 0,transparent 35%),linear-gradient(135deg,#061b3f,#0e2a58 63%,#092b50);font-family:inherit;position:relative;z-index:1000}
.auth-card{width:min(100%,450px);padding:36px 32px 27px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:25px;box-shadow:0 30px 80px rgba(0,11,35,.35);color:#14243e;text-align:left}
.auth-logo{display:flex;justify-content:center;margin-bottom:12px}.auth-logo img{object-fit:cover;border-radius:20px;border:1px solid #ebf0f8;background:#fff;box-shadow:0 6px 18px #041d361a}
.auth-kicker{font-size:.66rem;font-weight:900;text-align:center;letter-spacing:1.5px;color:#1d64d7;margin-top:9px}
.auth-card h1{font-size:clamp(1.6rem,5vw,2.1rem);line-height:1.22;text-align:center;margin:12px 0 11px;font-weight:900;color:#132644}
.auth-card h1 span{color:#1763cf}
.auth-copy{text-align:center;font-size:.87rem;color:#53637b;line-height:1.7;margin:0 0 29px}
.auth-card form label{display:block;color:#233858;font-size:.81rem;font-weight:800;margin-bottom:9px}
.auth-card form input{width:100%;height:50px;background:#f6f9fe;border:1px solid #cbd9ea;border-radius:12px;padding:0 15px;color:#162d4a;font:inherit;outline:0;margin:0 0 15px}
.auth-card form input:focus{border-color:#2778f0;box-shadow:0 0 0 3px rgba(39,120,240,.16)}
.auth-card form #authOtp{font-size:1.55rem;letter-spacing:6px;text-align:center;font-weight:800}
.auth-primary{background:#1767df;color:white;border:0;border-radius:12px;width:100%;min-height:49px;padding:12px 15px;font-weight:800;font-size:.92rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-primary:disabled{opacity:.65;cursor:wait}
.auth-primary:hover:not(:disabled){background:#0e53be}
.auth-primary span{font-size:1.25rem}
.auth-sent-to{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere;color:#51657f;margin:0 0 17px}
.auth-secondary-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}
.auth-secondary-actions button{background:transparent;border:0;color:#1763c9;font-size:.82rem;font-weight:800;padding:7px 0;cursor:pointer}
.auth-secondary-actions button:disabled{opacity:.5;cursor:not-allowed}
.auth-status{font-size:.82rem;line-height:1.6;min-height:0;margin:11px 0;color:#375471;overflow-wrap:anywhere}
.auth-status[data-kind=error]{background:#fff0f0;color:#ab2832;border:1px solid #ffd8d8;padding:10px;border-radius:9px}
.auth-status[data-kind=success]{background:#eef9f2;color:#187447;border:1px solid #c9efd8;padding:10px;border-radius:9px}
.auth-footnote{border-top:1px solid #e9edf3;padding-top:16px;margin:16px 0 0;text-align:center;color:#78859a;font-size:.73rem;line-height:1.7}
.auth-logout{font-weight:900;font-size:22px}
.auth-mobile-logout{font:inherit;font-size:.85rem;font-weight:750;border:0;background:transparent;color:var(--ink);padding:14px 18px;text-align:left;width:100%;cursor:pointer}
@media(max-width:450px){.auth-card{padding:30px 21px 24px}.head-actions{gap:4px}.auth-logout{width:32px;height:35px}}

.about-grid{grid-template-columns:1fr}.about-copy{max-width:850px}.auth-logo img,.brand img{object-fit:contain}