@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090a0c;--bg-soft:#0d0f12;--panel:#111318;--panel-2:#171a20;--line:#2a2e37;--line-soft:#20242b;--text:#f7f3ed;--muted:#9b9da5;--orange:#ff7900;--amber:#ffad45;--red:#ef4f40;--green:#4bd38a;--snappy-blue:#6257f7;--snappy-cyan:#16d9ff;--radius:18px;--shadow:0 30px 80px #0000006b;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 5%, #ff7a0a1f, transparent 27rem), radial-gradient(circle at 88% 18%, #6257f71c, transparent 25rem), var(--bg);min-width:320px;color:var(--text);margin:0}body:before{content:"";z-index:-1;pointer-events:none;opacity:.3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #ffad45a6}.container{width:min(1240px,100% - 32px);margin-inline:auto}.nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0cc7;border-bottom:1px solid #ffffff12;position:sticky;top:0}.nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:72px;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:11px;width:max-content;font-weight:800;display:inline-flex}.brand-mascot{object-fit:contain;filter:drop-shadow(0 7px 13px #0006);width:46px;height:46px}.brand em{color:var(--orange);font-style:normal}.brand small{color:var(--amber);letter-spacing:.12em;vertical-align:middle;border:1px solid #ff790073;border-radius:5px;margin-left:6px;padding:3px 5px;font-size:8px;font-weight:900;display:inline-flex}.nav-links{color:#c2c1c0;align-items:center;gap:30px;font-size:14px;display:flex}.nav-links a{padding:26px 0 24px;position:relative}.nav-links a:after{content:"";background:var(--orange);height:2px;transition:right .2s ease-out;position:absolute;bottom:17px;left:0;right:100%}.nav-links a:hover:after{right:0}.nav-actions{justify-self:end;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;background:#15171c;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-weight:750;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.btn:disabled{opacity:.68;cursor:not-allowed;box-shadow:none;transform:none!important}.btn:disabled:hover{border-color:var(--line);background:#15171c}.btn:hover{background:#1b1e24;border-color:#4a4f59;transform:translateY(-1px)}.btn-primary{border-color:var(--orange);color:#1b1007;background:linear-gradient(135deg,#ff6900,#ff9e28);box-shadow:0 12px 30px #ff7a0a33}.btn-ghost{background:0 0}.menu-btn{width:46px;padding:0;display:none}.hero{text-align:center;padding:82px 0 38px}.eyebrow{color:var(--amber);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:17px;font-size:12px;font-weight:850;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:linear-gradient(90deg, transparent, var(--orange));width:34px;height:1px}.eyebrow:after{transform:scaleX(-1)}h1{letter-spacing:-.045em;max-width:920px;margin:0 auto;font-family:DM Serif Display,serif;font-size:clamp(42px,6.2vw,82px);font-weight:400;line-height:.98}h1 span{color:var(--orange)}.hero-copy{color:#b7b5b1;max-width:700px;margin:22px auto 0;font-size:clamp(16px,2vw,19px);line-height:1.65}.capture-shell{text-align:left;box-shadow:var(--shadow);background:linear-gradient(145deg,#17191ff2,#0d0f12f7);border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);margin:48px auto 0;display:grid;overflow:hidden}.capture-form{border-right:1px solid var(--line-soft);padding:34px}.panel-label{color:#d7d4cf;align-items:center;gap:9px;margin:0 0 10px;font-size:13px;font-weight:800;display:flex}.panel-label i{width:17px;height:17px;color:var(--orange)}.url-wrap{position:relative}.url-wrap>i{color:#8e929c;width:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.url-input{width:100%;height:58px;color:var(--text);background:#0d0f13;border:1px solid #3a3e47;border-radius:14px;padding:0 48px;font-size:16px;transition:border-color .2s,box-shadow .2s}.url-input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 4px #ff7a0a1f}.url-status{width:18px;height:18px;color:var(--green);opacity:0;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.url-wrap.valid .url-status{opacity:1}.field-error{color:#ff827c;min-height:20px;margin:7px 3px 0;font-size:12px}.config-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:20px;display:grid}.option-group{gap:9px;display:grid}.segmented{border:1px solid var(--line);background:#0e1014;border-radius:13px;grid-template-columns:repeat(2,1fr);gap:7px;padding:5px;display:grid}.choice{color:#999da6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;min-height:44px;font-size:13px;font-weight:750}.viewport-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.viewport{border:1px solid var(--line);color:#92959e;cursor:pointer;background:#111318;border-radius:12px;align-content:center;place-items:center;gap:5px;min-height:72px;font-size:11px;font-weight:750;display:grid}.viewport i{width:22px;height:22px}.viewport.active{border-color:var(--orange);color:#ffab51;background:#21170f;box-shadow:inset 0 0 0 1px #ff7a0a2e}.select{border:1px solid var(--line);color:#d9d7d3;background:#0e1014;border-radius:11px;width:100%;height:46px;padding:0 12px}.capture-action{width:100%;min-height:54px;margin-top:24px;font-size:15px}.privacy-note{color:#7f838d;text-align:center;justify-content:center;align-items:center;gap:7px;margin:12px 0 0;font-size:11px;display:flex}.privacy-note i{width:14px;height:14px;color:var(--green)}.preview{background:radial-gradient(circle at 72% 62%,#6257f72e,#0000 40%),radial-gradient(circle at 28% 20%,#ff790014,#0000 52%),#0b0d10;align-items:center;min-height:525px;padding:26px;display:grid;position:relative;overflow:hidden}.preview:before{content:"";border:1px solid #6257f72e;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-90px;right:-90px;box-shadow:0 0 0 35px #6257f70a,0 0 0 70px #6257f706}.browser-card{z-index:1;background:#f5f4f0;border:1px solid #363a43;border-radius:17px;width:min(92%,465px);margin:auto auto auto 0;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 28px 70px #0000007a}.preview-mascot{z-index:3;object-fit:contain;filter:drop-shadow(0 20px 24px #0000008c);width:160px;height:160px;animation:2.5s ease-in-out infinite alternate mascotFloat;position:absolute;bottom:8px;right:-12px}.mascot-callout{z-index:3;color:#eae6df;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0e0f12e0;border:1px solid #ff790080;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:800;position:absolute;top:26px;right:16px}@keyframes mascotFloat{to{transform:translateY(-7px)rotate(1.5deg)}}.browser-top{color:#828792;background:#202329;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex}.dot{background:#4a4e56;border-radius:50%;width:7px;height:7px}.browser-address{color:#90949d;white-space:nowrap;background:#15171b;border-radius:6px;flex:1;align-items:center;height:20px;margin-left:7px;padding:0 9px;font-size:8px;display:flex;overflow:hidden}.mock-page{color:#1c1c1b;background:#f7f6f2;height:365px;padding:38px 34px;position:relative;overflow:hidden}.mock-nav{justify-content:space-between;align-items:center;margin-bottom:52px;display:flex}.mock-logo{background:#1c1c1b;border-radius:4px;width:76px;height:9px}.mock-links{gap:7px;display:flex}.mock-links span{background:#c9c8c3;border-radius:2px;width:26px;height:4px}.mock-copy{width:58%}.mock-copy .kicker{background:var(--orange);border-radius:3px;width:78px;height:6px;margin-bottom:14px}.mock-copy h2{letter-spacing:-.04em;margin:0;font-size:31px;line-height:1.05}.mock-copy p{background:#cac9c4;border-radius:3px;width:90%;height:6px;margin:16px 0 0;box-shadow:0 12px #d8d7d2,0 24px #d8d7d2}.mock-button{background:#191919;border-radius:6px;width:86px;height:24px;margin-top:39px}.mock-visual{background:linear-gradient(150deg,#e9e5de,#c9c5bd);border-radius:16px;width:125px;height:152px;position:absolute;top:106px;right:35px;box-shadow:inset 0 0 0 1px #bab7b1}.mock-visual:before{content:"";background:radial-gradient(circle,#111 0 12%,#4a5f6b 13% 22%,#b7ddea 23% 31%,#101317 32% 45%,#dedad2 46%);border-radius:50%;position:absolute;inset:25px}.crop-frame{border:2px solid var(--red);position:absolute;inset:70px 22px 24px;box-shadow:0 0 0 999px #0607082e}.crop-frame b{background:var(--red);border:2px solid #fff;width:10px;height:10px;position:absolute}.crop-frame b:first-child{top:-6px;left:-6px}.crop-frame b:nth-child(2){top:-6px;right:-6px}.crop-frame b:nth-child(3){bottom:-6px;right:-6px}.crop-frame b:nth-child(4){bottom:-6px;left:-6px}.preview-badge{color:#d8d5cf;background:#0b0d10e6;border:1px solid #464b55;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex;position:absolute;bottom:17px;left:18px;box-shadow:0 10px 30px #0000004d}.preview-badge i{width:15px;color:var(--green)}.capture-progress{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#08090beb;place-content:center;justify-items:center;display:none;position:absolute;inset:0}.preview.capturing .capture-progress{display:grid}.loading-mascot{object-fit:contain;filter:drop-shadow(0 18px 30px #6257f74d);width:108px;height:108px;margin-bottom:14px;animation:1.15s ease-in-out infinite alternate snappyScan}@keyframes snappyScan{0%{transform:translate(-8px)rotate(-3deg)scale(.98)}to{transform:translate(8px,-7px)rotate(3deg)scale(1.035)}}.progress-title{font-weight:800}.progress-copy{color:#8f939d;margin-top:6px;font-size:12px}.progress-track{background:#292d34;border-radius:99px;width:230px;height:7px;margin-top:18px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--orange), var(--amber));border-radius:inherit;width:0;height:100%;transition:width .45s}.progress-percent{color:var(--amber);margin-top:7px;font-size:11px;font-weight:800}.section{padding:78px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 38px}.section-head span{color:var(--orange);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:850}.section-head h2{letter-spacing:-.025em;margin:11px 0 12px;font-family:DM Serif Display,serif;font-size:clamp(32px,4vw,52px);font-weight:400}.section-head p{color:var(--muted);margin:0;line-height:1.65}.source-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.source-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#15171b,#0e1013);min-height:235px;padding:26px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.source-card:before{content:"";background:var(--orange);height:2px;transition:right .22s ease-out;position:absolute;top:0;left:0;right:100%}.source-card:hover{border-color:#414650;transform:translateY(-3px)}.source-card:hover:before{right:0}.icon-box{width:48px;height:48px;color:var(--orange);background:#21170f;border:1px solid #ff7a0a73;border-radius:13px;place-items:center;display:grid}.icon-box i{width:23px}.source-card h3{margin:25px 0 8px;font-size:20px}.source-card p{color:#93969e;margin:0;font-size:14px;line-height:1.6}.source-card .tag{color:#aaaeb7;text-transform:uppercase;letter-spacing:.08em;background:#202329;border-radius:7px;margin-top:20px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.workflow{border:1px solid var(--line);background:#0f1114;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.step{border-right:1px solid var(--line);padding:30px 25px;position:relative}.step:last-child{border:0}.step-number{border:1px solid var(--orange);width:34px;height:34px;color:var(--amber);border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.step h3{margin:24px 0 8px}.step p{color:#8f929a;margin:0;font-size:13px;line-height:1.55}.step>i{z-index:2;background:var(--orange);color:#17100a;border-radius:50%;width:20px;height:20px;padding:3px;position:absolute;top:37px;right:-10px}.step:last-child>i{display:none}.proof-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.proof-chip{border:1px solid var(--line);color:#a9abb2;background:#111318c7;border-radius:99px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.proof-chip i{width:14px;height:14px;color:var(--orange)}.product-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--line);background:linear-gradient(145deg,#15171c,#0d0f12);border-radius:20px;min-height:290px;padding:28px;position:relative;overflow:hidden}.feature-card.large{grid-column:span 7}.feature-card.medium{grid-column:span 5}.feature-card.third{grid-column:span 4}.feature-card .icon-box{margin-bottom:25px}.feature-card h3{letter-spacing:-.035em;margin:0 0 9px;font-size:clamp(22px,2.6vw,31px)}.feature-card>p{color:#9699a1;max-width:540px;margin:0;font-size:14px;line-height:1.65}.feature-card .feature-note{color:var(--amber);letter-spacing:.06em;text-transform:uppercase;margin-top:20px;font-size:11px;font-weight:800;display:inline-flex}.capture-map{background:#f4f2ed;border:1px solid #333842;border-radius:13px;width:44%;height:180px;position:absolute;bottom:24px;right:25px;overflow:hidden;box-shadow:0 18px 50px #00000059}.capture-map:before{content:"";background:linear-gradient(#1b1e24 0 22px,#0000 22px),linear-gradient(90deg,#0000 12%,#dedbd4 12% 13%,#0000 13% 87%,#dedbd4 87% 88%,#0000 88%),repeating-linear-gradient(#0000 0 36px,#dedbd4 37px 38px);position:absolute;inset:0}.capture-map:after{content:"FULL PAGE";background:var(--orange);color:#1b1007;letter-spacing:.08em;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:900;position:absolute;top:31px;right:9px}.tool-list{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.mini-tool{color:#b7b9c0;background:#111318;border:1px solid #353a44;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:inline-flex}.mini-tool i{width:14px;color:var(--orange)}.focus-demo{filter:brightness(.72);background:repeating-linear-gradient(#e8e5df 0 12px,#c7c4bd 13px 15px);border:1px solid #343944;border-radius:13px;width:170px;height:130px;position:absolute;bottom:18px;right:20px;overflow:hidden}.focus-lens{border:3px solid var(--red);background:repeating-linear-gradient(#fff 0 16px,#a5a19a 17px 20px);border-radius:50%;width:104px;height:104px;position:absolute;bottom:21px;right:24px;box-shadow:0 8px 30px #0000006b}.guide-steps{gap:8px;margin-top:22px;display:grid}.guide-step{background:#111318;border:1px solid #30343d;border-radius:9px;grid-template-columns:28px 54px 1fr;align-items:center;gap:9px;padding:8px;display:grid}.guide-step b{border:1px solid var(--orange);width:25px;height:25px;color:var(--amber);border-radius:50%;place-items:center;font-size:10px;display:grid}.guide-thumb{background:linear-gradient(135deg,#e7e3dd,#9e9b95);border-radius:5px;height:34px}.guide-lines{background:#636873;border-radius:3px;height:5px;box-shadow:0 9px #353a42}.format-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px;display:grid}.format{text-align:center;background:#101216;border:1px solid #343943;border-radius:11px;padding:14px 8px}.format i{width:22px;height:22px;color:var(--orange);margin:0 auto 8px;display:block}.format b{font-size:11px}.use-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.use-card{border:1px solid var(--line);text-align:center;background:#101216;border-radius:16px;padding:24px}.use-card .icon-box{margin:0 auto 18px}.use-card h3{margin:0 0 7px;font-size:16px}.use-card p{color:#8e9199;margin:0;font-size:12px;line-height:1.6}.compare-wrap{border:1px solid var(--line);background:#101216;border-radius:20px;overflow:hidden}.compare-wrap table{border-collapse:collapse;width:100%}.compare-wrap th,.compare-wrap td{border-bottom:1px solid var(--line);text-align:left;padding:18px 22px;font-size:13px}.compare-wrap th{color:#f2eee8;background:#171a20;font-size:12px}.compare-wrap th:not(:first-child),.compare-wrap td:not(:first-child){text-align:center}.compare-wrap tr:last-child td{border-bottom:0}.check{color:var(--green);justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.check i{width:17px}.compare-note{color:#aaa49d;background:#17120e;border:1px solid #ff7a0a40;border-radius:12px;align-items:flex-start;gap:11px;margin-top:14px;padding:15px;font-size:12px;line-height:1.6;display:flex}.compare-note i{width:18px;color:var(--orange);flex:none}.plan-grid{grid-template-columns:repeat(2,minmax(0,470px));justify-content:center;gap:18px;display:grid}.plan-card{border:1px solid var(--line);background:linear-gradient(145deg,#15171b,#0d0f12);border-radius:20px;padding:30px;position:relative;overflow:hidden}.plan-card.pro:after{content:"";filter:blur(10px);pointer-events:none;background:#ffc12614;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:-55px}.plan-badge{z-index:2;color:var(--amber);letter-spacing:.1em;text-transform:uppercase;background:#281a0e;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:900;position:absolute;top:20px;right:20px}.plan-card h3{z-index:2;margin:0 0 8px;font-size:28px;position:relative}.plan-card>p{z-index:2;color:#90939b;max-width:310px;margin:0;line-height:1.6;position:relative}.plan-mascot{z-index:1;object-fit:contain;filter:drop-shadow(0 13px 20px #00000073);opacity:.94;width:105px;height:105px;position:absolute;top:48px;right:8px}.plan-purpose{z-index:2;color:#e9e4dc;margin:22px 0 14px;font-size:13px;font-weight:800;position:relative}.feature-list{z-index:2;gap:11px;margin:0 0 26px;padding:0;list-style:none;display:grid;position:relative}.feature-list li{color:#b3b4b8;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;display:flex}.feature-list i{width:16px;color:var(--green);flex:none}.plan-card .btn{z-index:2;width:100%;margin-top:auto;position:relative}.privacy-grid{grid-template-columns:.85fr 1.15fr;gap:18px;display:grid}.privacy-main,.privacy-points{border:1px solid var(--line);background:#101216;border-radius:20px;padding:30px}.privacy-main .icon-box{margin-bottom:23px}.privacy-main h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(28px,4vw,44px)}.privacy-main p{color:#9699a0;margin:0;line-height:1.7}.privacy-points{grid-template-columns:1fr 1fr;gap:12px;display:grid}.privacy-point{background:#14171b;border:1px solid #2b3038;border-radius:13px;padding:18px}.privacy-point i{width:19px;color:var(--orange)}.privacy-point h3{margin:14px 0 6px;font-size:14px}.privacy-point p{color:#8d9098;margin:0;font-size:12px;line-height:1.55}.faq-list{gap:10px;max-width:900px;margin:0 auto;display:grid}.faq-list details{border:1px solid var(--line);background:#101216;border-radius:14px;overflow:hidden}.faq-list summary{cursor:pointer;align-items:center;min-height:62px;padding:0 54px 0 20px;font-weight:750;list-style:none;display:flex;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--orange);font-size:24px;font-weight:400;position:absolute;right:20px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:#92959d;margin:0;padding:0 20px 20px;font-size:13px;line-height:1.7}.closing{text-align:center;background:radial-gradient(circle at 18% 70%,#6257f733,#0000 30%),radial-gradient(circle at 50% 120%,#ff790033,#0000 48%),linear-gradient(145deg,#16130f,#0e1013);border:1px solid #ff790061;border-radius:24px;padding:58px 24px 58px 210px;position:relative;overflow:hidden}.closing-mascot{object-fit:contain;filter:drop-shadow(0 18px 24px #0000007a);width:200px;height:200px;position:absolute;bottom:-9px;left:24px}.closing h2{letter-spacing:-.03em;max-width:740px;margin:0 auto 12px;font-family:DM Serif Display,serif;font-size:clamp(36px,5vw,60px);font-weight:400}.closing p{color:#a09e99;max-width:620px;margin:0 auto;line-height:1.65}.closing-actions{justify-content:center;gap:10px;margin-top:25px;display:flex}.extension-panel{background:radial-gradient(circle at 90% 40%,#ff7a0a21,#0000 35%),linear-gradient(145deg,#17130f,#101114);border:1px solid #ff7a0a52;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:34px;display:grid}.extension-panel h2{letter-spacing:-.025em;margin:0 0 9px;font-family:DM Serif Display,serif;font-size:clamp(28px,3.5vw,44px);font-weight:400}.extension-panel p{color:#a4a19b;max-width:710px;margin:0;line-height:1.6}.approval-status{color:#ffc06f;letter-spacing:.07em;text-transform:uppercase;background:#21180f;border:1px solid #ffad4561;border-radius:99px;align-items:center;gap:7px;margin-bottom:13px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex}.approval-status i{width:14px;height:14px}.footer{border-top:1px solid var(--line-soft);color:#777b84;padding:28px 0;font-size:12px}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{gap:20px;display:flex}dialog{width:min(480px,100% - 32px);color:var(--text);background:#121419;border:1px solid #383c45;border-radius:20px;padding:0;box-shadow:0 30px 100px #000000b3}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040506bf}.modal{padding:28px}.modal-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal h2{margin:0;font-size:26px}.modal p{color:#979aa3;line-height:1.55}.close{border:1px solid var(--line);cursor:pointer;background:#191b20;border-radius:11px;width:44px;height:44px}.modal label{color:#c7c5c1;margin:18px 0 7px;font-size:12px;font-weight:750;display:block}.modal input{color:#fff;background:#0c0e11;border:1px solid #373b44;border-radius:11px;width:100%;height:48px;padding:0 13px}.modal .btn{width:100%;margin-top:22px}.modal-status{color:#ff9a92;text-align:center;min-height:20px;margin-top:10px;font-size:12px}.toast{z-index:50;color:#ddd9d3;opacity:0;pointer-events:none;background:#17191e;border:1px solid #3a3f49;border-radius:12px;max-width:min(390px,100% - 36px);padding:13px 15px;font-size:13px;transition:all .22s;position:fixed;bottom:18px;right:18px;transform:translateY(15px);box-shadow:0 20px 55px #00000073}.toast.show{opacity:1;transform:none}.toast.success{border-color:#4bd38a80}.toast.error{border-color:#ff4b428c}@media (width<=980px){.nav-inner{grid-template-columns:1fr auto}.nav-links{display:none}.capture-shell{grid-template-columns:1fr}.capture-form{border-right:0;border-bottom:1px solid var(--line-soft)}.preview{min-height:500px}.source-grid{grid-template-columns:1fr 1fr}.source-card:last-child{grid-column:1/-1}.workflow{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.step:nth-child(2)>i{display:none}.feature-card.large,.feature-card.medium,.feature-card.third{grid-column:span 6}.feature-card.third:last-child{grid-column:1/-1}.use-grid{grid-template-columns:1fr 1fr}.privacy-grid{grid-template-columns:1fr}}@media (width<=700px){.container{width:min(100% - 32px,1240px)}.nav-inner{height:66px}.brand-mascot{width:40px;height:40px}.nav-actions>.btn-ghost{display:none}.menu-btn{display:inline-flex}.nav-links.open{border:1px solid var(--line);box-shadow:var(--shadow);background:#121419;border-radius:14px;padding:12px;display:grid;position:absolute;top:70px;left:16px;right:16px}.nav-links.open a{padding:13px}.nav-links.open a:after{display:none}.hero{padding:55px 0 25px}.hero-copy{font-size:15px}.capture-shell{border-radius:18px;margin-top:34px}.capture-form{padding:22px}.config-grid{grid-template-columns:1fr}.preview{min-height:410px;padding:17px}.browser-card{width:94%;transform:none}.preview-mascot{width:105px;height:105px;right:-13px}.mascot-callout{font-size:9px;top:12px;right:8px}.mock-page{height:300px;padding:28px 23px}.mock-copy h2{font-size:24px}.mock-visual{width:96px;height:125px;top:100px;right:22px}.source-grid,.workflow,.use-grid,.plan-grid{grid-template-columns:1fr}.source-card:last-child{grid-column:auto}.step{border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step>i{display:none}.product-grid{grid-template-columns:1fr}.feature-card.large,.feature-card.medium,.feature-card.third,.feature-card.third:last-child{grid-column:auto}.capture-map,.focus-demo,.focus-lens{display:none}.feature-card{min-height:auto}.compare-wrap{overflow-x:auto}.compare-wrap table{min-width:640px}.privacy-points{grid-template-columns:1fr}.extension-panel{text-align:center;grid-template-columns:1fr}.extension-panel .btn{width:100%}.closing{padding:170px 20px 34px}.closing-mascot{width:160px;height:160px;top:10px;bottom:auto;left:50%;transform:translate(-50%)}.closing-actions{flex-direction:column}.closing-actions .btn{width:100%}.footer-inner{text-align:center;flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center}}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffaf4;--bg-soft:#fff4e8;--panel:#fff;--panel-2:#f8f6ff;--line:#e8e1d8;--line-soft:#f0eae3;--text:#201a24;--muted:#706a75;--orange:#f36f21;--amber:#b84c0f;--red:#e84545;--green:#16885b;--snappy-blue:#6257f7;--snappy-cyan:#0ca9d1;--shadow:0 24px 70px #412d1f1f}body:before{opacity:.38;background-image:linear-gradient(#45322209 1px,#0000 1px),linear-gradient(90deg,#45322209 1px,#0000 1px)}.brand-mascot{filter:drop-shadow(0 8px 10px #3a2a6e2e);animation:3.2s ease-in-out infinite snappyIdle}.btn:hover{background:#fff8f1;border-color:#bdb3aa;box-shadow:0 10px 24px #4430231a}.btn:disabled:hover{background:#fff;border-color:#ddd6cf}.btn-primary{color:#281205;background:linear-gradient(135deg,#ff7626,#ff9b42);border-color:#f36f21;box-shadow:0 13px 30px #f36f2138}.hero-copy{color:#6e6872}.capture-shell{background:#fff;border-color:#e6ded6;box-shadow:0 35px 90px #47311f21}.capture-form{background:linear-gradient(#fff,#fffaf5);border-color:#eee6df}.panel-label{color:#403943}.url-input,.select{color:#27212b;background:#fff;border-color:#ded7d0}.url-input::placeholder{color:#9a949d}.segmented{background:#f8f4ef;border-color:#e5ded7}.choice{color:#746d77}.choice.active{color:#ae470d;background:#fff0e4;border-color:#f36f2175}.viewport{color:#716b76;background:#fff;border-color:#e3ddd7}.viewport.active{color:#b94a0b;background:#fff2e7;border-color:#f36f21;box-shadow:0 8px 20px #f36f211a}.privacy-note{color:#77717a}.preview{background:radial-gradient(circle at 78% 64%,#6257f72e,#0000 43%),radial-gradient(circle at 23% 20%,#ff914621,#0000 51%),#f7f5ff}.preview:before{border-color:#6257f726;box-shadow:0 0 0 35px #6257f709,0 0 0 70px #6257f705}.browser-card{border-color:#d8d2df;box-shadow:0 28px 65px #2e234b33}.browser-top{color:#797380;background:#ece9f0}.browser-address{color:#706a75;background:#fff}.mascot-callout{color:#403743;background:#ffffffe6;border-color:#f36f2159;box-shadow:0 10px 26px #4430231a}.preview-mascot,.loading-mascot,.plan-mascot,.closing-mascot{transform-origin:50% 85%;will-change:transform;filter:drop-shadow(0 20px 24px #47368e3d)drop-shadow(0 5px 7px #ff79001f)}.preview-mascot{animation:3.4s ease-in-out infinite snappyHero}.loading-mascot{animation:1.15s ease-in-out infinite alternate snappyScan}.plan-mascot{animation:3.4s ease-in-out infinite snappyIdle}.plan-card.pro .plan-mascot{animation-delay:-1.1s}.closing-mascot{animation:3.6s ease-in-out infinite snappyWave}@keyframes snappyIdle{0%,to{transform:translate(0)rotate(-1deg)scale(1)}50%{transform:translateY(-7px)rotate(1.5deg)scale(1.025)}}@keyframes snappyHero{0%,to{transform:translate(0)rotate(-2deg)scale(1)}50%{transform:translateY(-10px)rotate(2deg)scale(1.035)}}@keyframes snappyWave{0%,to{transform:translate(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(2deg)}}.preview-badge{color:#4b4450;background:#ffffffeb;border-color:#ddd5e4;box-shadow:0 10px 28px #402f521f}.capture-progress{color:#29212d;background:#fffdf9ed}.progress-copy{color:#756f79}.progress-track{background:#e7e1eb}.progress-percent{color:#aa430b}.source-card,.feature-card,.use-card,.plan-card,.privacy-main,.privacy-points,.faq-list details{background:linear-gradient(145deg,#fff,#fffaf5);border-color:#e7dfd8;box-shadow:0 14px 40px #412d1f0e}.source-card,.feature-card,.use-card,.step,.plan-card,.privacy-main,.privacy-point{text-align:center}.source-card,.feature-card,.use-card,.plan-card,.privacy-main,.privacy-point{flex-direction:column;align-items:center;display:flex}.source-card:hover{border-color:#f0ae83;box-shadow:0 20px 44px #412d1f17}.icon-box{color:#e65e13;background:#fff0e4;border-color:#f36f2147;margin-inline:auto;box-shadow:0 8px 20px #f36f2114}.source-card h3{margin-top:20px}.source-card p,.feature-card>p,.use-card p,.plan-card>p,.privacy-main p,.privacy-point p{color:#716b75}.workflow{background:#fff;border-color:#e7dfd8;box-shadow:0 14px 40px #412d1f0d}.step{border-color:#ebe4de;align-items:center}.step-number{color:#a9410b;background:#fff7ef;margin-inline:auto}.step p{color:#716b75}.step>i{color:#fff}.proof-chip{color:#675f69;background:#ffffffdb;border-color:#e5ded7;box-shadow:0 7px 18px #412d1f0a}.feature-card .icon-box{margin-inline:auto}.feature-card>p{max-width:580px}.feature-card .feature-note{color:#a9440e}.capture-map{border-color:#ddd6cf;width:min(100%,420px);height:170px;margin:24px auto 0;position:relative;bottom:auto;right:auto;box-shadow:0 18px 45px #37281d24}.tool-list{justify-content:center}.mini-tool{color:#5d5661;background:#fff;border-color:#e2dcd5}.focus-demo{border-color:#ded8d1;width:min(100%,280px);height:138px;margin:24px auto 0;position:relative;bottom:auto;right:auto}.focus-lens{bottom:22px;left:50%;right:auto;transform:translate(-50%)}.guide-steps{width:100%;max-width:300px}.guide-step{text-align:left;background:#fff;border-color:#e4ddd6}.guide-lines{background:#aaa4ac;box-shadow:0 9px #dfd9de}.format-grid{width:100%}.format{color:#3e3741;background:#fff;border-color:#e3dcd5}.use-card .icon-box{margin-inline:auto}.compare-wrap{background:#fff;border-color:#e6dfd8;box-shadow:0 14px 40px #412d1f0d}.compare-wrap th,.compare-wrap td{border-color:#eee7e1}.compare-wrap td:first-child{color:#514a54}.muted-cell{color:#8b858e}.compare-note{color:#71686f;background:#fff6ee;border-color:#f36f213b}.plan-card.pro{border-color:#f36f217a;box-shadow:0 22px 60px #f36f211a}.plan-card.pro:after{background:#ffc1261f}.plan-badge{color:#a84108;background:#fff0e1;order:-2;margin:0 auto 10px;position:relative;top:auto;right:auto}.plan-mascot{order:-1;width:125px;height:125px;margin:-2px auto 8px;position:relative;top:auto;right:auto}.plan-card h3{margin-top:0}.plan-card>p{max-width:340px}.feature-list{text-align:left;align-self:stretch}.privacy-main .icon-box{margin-inline:auto}.privacy-point{background:#fff;border-color:#e6dfd8}.privacy-point i{margin-inline:auto}.privacy-points{background:#fbf8ff}.privacy-main h2{max-width:470px}.closing{background:radial-gradient(circle at 15% 70%,#6257f72b,#0000 31%),radial-gradient(circle at 55% 120%,#ff79001f,#0000 46%),linear-gradient(145deg,#fff,#fff7ef);border-color:#f36f214d;padding-left:240px;box-shadow:0 20px 55px #412d1f14}.extension-panel{text-align:center;background:radial-gradient(circle at 90% 40%,#ff7a0a17,#0000 35%),linear-gradient(145deg,#fff,#fff8f1);border-color:#f36f2147;grid-template-columns:1fr;justify-items:center;box-shadow:0 16px 45px #412d1f0f}.extension-panel p{color:#716b75}.approval-status{color:#a8430d;background:#fff0e2}.modal{color:#2a232d;background:#fff}.modal p{color:#706a75}.close{color:#3d3540;background:#fff7f1;border-color:#ddd6cf}.modal label{color:#4b444e}.modal input{color:#2a232d;background:#fff;border-color:#ddd6cf}.toast{color:#332c36;background:#fff;border-color:#ded7d0;box-shadow:0 20px 50px #3a291d29}@media (width<=980px){.feature-card.large,.feature-card.medium,.feature-card.third{grid-column:span 6}.privacy-main h2{max-width:620px}.closing{padding-left:210px}}@media (width<=700px){.container{width:calc(100% - 32px)}.section{padding:48px 0}.section-head{margin-bottom:28px}.nav-inner{justify-content:center;display:flex;position:relative}.brand{margin-inline:auto}.nav-actions{position:absolute;right:0}.nav-actions>.btn-primary{display:none}.nav-links.open{background:#fff;border-color:#e3dcd5;box-shadow:0 22px 55px #412d1f24}.hero{padding-top:48px}h1{font-size:clamp(40px,12vw,56px);line-height:1.02}.capture-shell{box-shadow:0 24px 60px #412d1f1c}.preview{min-height:430px}.browser-card{width:100%;margin:auto}.mascot-callout{white-space:nowrap;left:50%;right:auto;transform:translate(-50%)}.preview-mascot{bottom:4px;right:-6px}.source-card,.feature-card,.use-card,.plan-card,.privacy-main,.privacy-point{padding:24px 20px}.source-card{min-height:0}.workflow{grid-template-columns:1fr}.step{padding:26px 22px}.step:nth-child(2){border-bottom:1px solid var(--line)}.feature-card.large,.feature-card.medium,.feature-card.third,.feature-card.third:last-child{grid-column:auto}.feature-card{min-height:auto}.capture-map{height:150px}.focus-demo{height:126px}.focus-lens{width:96px;height:96px}.tool-list{justify-content:center}.plan-mascot{width:118px;height:118px}.plan-badge{position:relative}.privacy-points{padding:16px}.extension-panel{padding:26px 20px}.closing{padding:174px 20px 34px}.closing-mascot{animation:3.6s ease-in-out infinite snappyWaveMobile;transform:translate(-50%)}.footer .brand{justify-content:center}@keyframes snappyWaveMobile{0%,to{transform:translate(-50%)rotate(-1deg)}50%{transform:translate(-50%,-8px)rotate(2deg)}}}@media (width<=390px){.brand span{font-size:13px}.brand small{display:none}.nav-actions{right:0}.hero{padding-top:40px}.preview{min-height:385px}.preview-mascot{width:94px;height:94px}.mascot-callout{font-size:8px}.format-grid{grid-template-columns:1fr}.privacy-points{padding:12px}}.btn-primary:hover{background:linear-gradient(135deg,#df560d,#f97927);border-color:#d94f08}.btn-primary i{color:#fff}.hero-stage{color:#fff;background:#07172f;border:1px solid #4bb4ff52;border-radius:32px;padding:58px 54px 48px;position:relative;overflow:hidden;box-shadow:0 34px 90px #0e224e3d,inset 0 0 80px #1c7cff1a}.hero-stage-brand{color:#fff;letter-spacing:-.025em;justify-content:center;align-items:center;gap:11px;font-size:20px;font-weight:850;display:flex}.hero-stage-brand img{object-fit:contain;filter:drop-shadow(0 9px 14px #197eff4d);width:48px;height:48px;animation:3.2s ease-in-out infinite snappyIdle}.hero-stage-brand b{color:#69dbff;letter-spacing:.12em;background:#26abff1a;border:1px solid #4acdff70;border-radius:7px;padding:5px 8px;font-size:9px}.hero-stage-kicker{color:#61d7ff;letter-spacing:.18em;text-transform:uppercase;margin-top:34px;font-size:12px;font-weight:900}.hero-stage h1{letter-spacing:-.055em;text-transform:uppercase;max-width:1100px;margin:12px auto 0;font-family:Archivo Black,DM Sans,sans-serif;font-size:clamp(50px,6.2vw,88px);font-weight:400;line-height:.9}.hero-stage h1 span,.hero-stage h1 strong{white-space:nowrap;display:block}.hero-stage h1 span{color:#fff}.hero-stage h1 strong{color:#28b7ff;letter-spacing:-.045em;margin-top:14px;font-size:.78em}.hero-stage .hero-copy{color:#c9d8ee;max-width:780px;margin:25px auto 0;font-size:clamp(16px,1.6vw,20px);line-height:1.6}.hero-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.hero-actions .btn{min-height:50px;padding-inline:21px}.hero-secondary{color:#e8f7ff;background:#1966c221;border-color:#66ccff6b}.hero-secondary:hover{color:#fff;background:#0e3768;border-color:#62d6ff}.hero-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:850px;margin:28px auto 0;display:grid}.hero-trust span{color:#d8eafa;background:#11376594;border:1px solid #5dc9ff40;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:9px 14px;font-size:12px;font-weight:800;display:flex}.hero-trust i{color:#61d7ff;flex:none;width:18px;height:18px}.hero-product{margin-top:42px;scroll-margin-top:100px}.product-tour{background:#091429;border:1px solid #4bc8ff9e;border-radius:26px;overflow:hidden;box-shadow:0 0 0 3px #27abff14,0 0 34px #1b9eff3d,0 28px 60px #00000057}.product-tour-head{text-align:left;background:#0b203eeb;border-bottom:1px solid #5bb7f52e;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:18px 20px 18px 24px;display:flex}.product-tour-head>div:first-child>span,.tour-explainer>span{color:#59d9ff;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:900}.product-tour-head h2{color:#fff;letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(20px,2vw,28px);line-height:1.1}.product-tour-tabs{background:#030c1b9e;border:1px solid #5bb7f538;border-radius:13px;align-items:center;gap:4px;padding:5px;display:flex}.product-tour-tabs button{color:#8fa8c6;min-width:96px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;transition:color .18s,background .18s,box-shadow .18s;display:flex}.product-tour-tabs button:hover{color:#fff;background:#32a0e61f}.product-tour-tabs button:focus-visible{outline-offset:2px;outline:2px solid #61d7ff}.product-tour-tabs button.active{color:#fff;background:linear-gradient(135deg,#0f74c9,#125492);box-shadow:0 8px 20px #0c63b147}.product-tour-tabs b{color:#60dcff;letter-spacing:.06em;font-size:10px}.product-tour-tabs span{font-size:12px;font-weight:800}.product-tour-panel[hidden]{display:none!important}.product-tour-panel{grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:stretch;gap:26px;min-height:580px;padding:26px;animation:.25s ease-out tourReveal;display:grid}.tour-interface{background:radial-gradient(circle at 85% 5%,#22a9ff29,#0000 30%),#070f1f;border:1px solid #54aeed33;border-radius:20px;place-items:center;min-width:0;min-height:520px;padding:24px;display:grid;overflow:hidden}.tour-explainer{text-align:left;align-self:center;padding:26px 10px 26px 4px}.tour-explainer h3{color:#fff;letter-spacing:-.045em;margin:12px 0;font-size:clamp(25px,2.6vw,36px);line-height:1.03}.tour-explainer p{color:#a9bfd8;margin:0;font-size:13px;line-height:1.65}.tour-explainer ul{gap:11px;margin:22px 0 0;padding:0;list-style:none;display:grid}.tour-explainer li{color:#d9e9f7;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;display:flex}.tour-explainer li i{color:#55d8ff;flex:none;width:17px;height:17px}.capture-menu{color:#fcfcfc;background:radial-gradient(circle at 90% 0,#ff8c002e,#0000 40%),#14100d;border:1px solid #ff8c0038;border-radius:18px;width:min(100%,390px);padding:24px;box-shadow:0 25px 60px #00000073}.capture-menu>header{text-align:left;align-items:center;gap:12px;margin-bottom:18px;display:flex}.capture-menu>header img{object-fit:contain;filter:drop-shadow(0 8px 12px #00000061);width:58px;height:58px}.capture-menu>header span{color:#ff9e27;letter-spacing:.18em;font-size:9px;font-weight:900}.capture-menu>header h3{color:#fcfcfc;margin:4px 0 0;font-family:DM Serif Display,Georgia,serif;font-size:22px;font-weight:400}.capture-choice{text-align:left;background:#ffffff0b;border:1px solid #ff8c002b;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:74px;margin-top:9px;padding:11px;display:grid}.capture-choice kbd{color:#1a1209;background:#ff9e27;border:1px solid #ff8c0066;border-radius:9px;place-items:center;width:34px;height:34px;font-family:inherit;font-size:15px;font-weight:900;display:grid;box-shadow:0 3px #9a5500}.capture-choice>span{flex-direction:column;gap:4px;min-width:0;display:flex}.capture-choice b{color:#fff;font-size:13px}.capture-choice em{color:#ff9d12;border:1px solid #f28b13;border-radius:4px;margin-left:5px;padding:2px 5px;font-size:8px;font-style:normal}.capture-choice small{color:#b8aea6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.capture-choice>i{color:#ff9e27;width:18px}.capture-menu>p{color:#8f857e;text-align:center;margin:16px 0 0;font-size:10px}.capture-menu>p b{color:#ff9e27}.studio-window,.guide-window{background:#14100d;border:1px solid #ff8c003d;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 24px 55px #0000006b}.studio-window>header{text-align:left;border-bottom:1px solid #ff8c0024;padding:16px 18px 12px;position:relative}.studio-window>header span{color:#ff9e27;letter-spacing:.16em;font-size:8px;font-weight:900}.studio-window>header h3{color:#fff;margin:4px 0 0;font-size:18px}.studio-window>header small{color:#8f857e;font-size:9px;position:absolute;bottom:14px;right:18px}.studio-toolbar{background:#1d1713;border-bottom:1px solid #ff8c001f;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:7px;display:grid}.studio-toolbar span{color:#9c9189;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:48px;display:flex}.studio-toolbar span.active{color:#ffad45;background:#ff8c0029}.studio-toolbar i{width:17px;height:17px}.studio-toolbar b{font-size:7px}.studio-canvas{background-color:#211914;background-image:linear-gradient(45deg,#17120f 25%,#0000 25%),linear-gradient(-45deg,#17120f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#17120f 75%),linear-gradient(-45deg,#0000 75%,#17120f 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;height:310px;position:relative;overflow:hidden}.mock-page-sidebar{background:#f4f6fb;border-radius:10px 0 0 10px;align-content:start;gap:13px;width:25%;padding:20px 14px;display:grid;position:absolute;inset:24px auto 24px 28px}.mock-page-sidebar i,.mock-page-content>span,.mock-page-content>b,.mock-page-content div i{background:#d4dae6;border-radius:99px;display:block}.mock-page-sidebar i{height:8px}.mock-page-sidebar i:first-child{background:#2f3b56;width:55%;height:14px;margin-bottom:10px}.mock-page-content{background:#fff;border-radius:0 10px 10px 0;padding:28px 24px;position:absolute;inset:24px 26px 24px calc(25% + 28px)}.mock-page-content>b{background:#27354d;width:44%;height:18px}.mock-page-content>span{width:76%;height:8px;margin-top:12px}.mock-page-content>span:nth-child(3){width:58%}.mock-page-content>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;display:grid}.mock-page-content div i{background:#e9edf5;border-radius:8px;height:82px}.mock-annotation-arrow{z-index:2;transform-origin:0;background:#ef4444;width:88px;height:3px;position:absolute;top:58%;left:45%;transform:rotate(-20deg)}.mock-annotation-arrow:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #ef4444;position:absolute;top:-5px;right:-1px}.mock-focus-zoom{z-index:3;color:#21304a;background:#fff;border:4px solid #ef4444;border-radius:20px;place-items:center;width:142px;height:105px;padding:18px;display:grid;position:absolute;top:82px;right:40px;box-shadow:0 14px 24px #0000003d}.mock-focus-zoom small{color:#ef4444;letter-spacing:.08em;font-size:8px;font-weight:900}.mock-focus-zoom b{font-size:24px}.mock-blur{z-index:2;filter:blur(.3px);background:repeating-linear-gradient(135deg,#9da7b7 0 5px,#c4cad4 5px 10px);border:1px solid #7dd3fcb3;border-radius:7px;place-items:center;width:120px;height:42px;display:grid;position:absolute;bottom:42px;left:37%}.mock-blur span{color:#fff;background:#0a111ed1;border-radius:4px;padding:3px 6px;font-size:7px}.studio-window>footer{color:#9f958e;justify-content:space-between;align-items:center;min-height:56px;padding:8px 14px;font-size:10px;display:flex}.studio-window>footer>div{align-items:center;gap:8px;display:flex}.studio-window>footer b,.studio-window>footer strong{border:1px solid #ff8c002e;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:0 13px;display:flex}.studio-window>footer strong{color:#17100a;background:#985300}.studio-window>footer i{width:14px}.guide-window>header{border-bottom:1px solid #ff8c0026;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.guide-window>header>div,.guide-window>header>aside{align-items:center;gap:9px;display:flex}.guide-window>header img{object-fit:contain;width:34px;height:34px}.guide-window>header span{text-align:left;flex-direction:column;display:flex}.guide-window>header small{color:#ff9e27;letter-spacing:.1em;font-size:7px;font-weight:900}.guide-window>header b{color:#fff;font-size:11px}.guide-window>header aside span,.guide-window>header aside strong{color:#b8aea6;border:1px solid #ff8c0029;border-radius:7px;justify-content:center;min-height:30px;padding:0 9px;font-size:7px}.guide-window>header aside strong{color:#17100a;background:#985300;align-items:center;display:flex}.guide-workspace{grid-template-columns:150px minmax(0,1fr);min-height:420px;display:grid}.guide-workspace>aside{text-align:left;background:#100d0b;border-right:1px solid #ff8c0024;flex-direction:column;gap:8px;padding:18px 12px;display:flex}.guide-workspace>aside b{color:#ff9e27;letter-spacing:.11em;margin-bottom:8px;font-size:7px}.guide-workspace>aside span{color:#8f857e;border-radius:7px;padding:9px;font-size:8px;line-height:1.3}.guide-workspace>aside span.active{color:#fff;background:#ff8c0021}.guide-workspace>main{color:#1b1714;text-align:left;background:#f5f1eb;padding:24px}.guide-workspace>main>span{color:#d67600;letter-spacing:.12em;font-size:7px;font-weight:900}.guide-workspace>main>h3{margin:5px 0 2px;font-family:DM Serif Display,Georgia,serif;font-size:22px;font-weight:400}.guide-workspace>main>small{color:#7a7068;font-size:8px}.guide-workspace article{background:#fff;border:1px solid #dfd7ce;border-radius:10px;grid-template-columns:30px minmax(90px,.75fr) minmax(130px,1.25fr);gap:11px;margin-top:16px;padding:12px;display:grid}.guide-workspace article>b{color:#21140a;background:#985300;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.guide-workspace article>div{padding-top:5px}.guide-workspace article strong{font-size:9px;display:block}.guide-workspace article div span{background:#e4e0db;border-radius:99px;width:90%;height:6px;margin-top:8px;display:block}.guide-workspace article div span:last-child{width:65%}.guide-workspace figure{background:#e8edf5;border-radius:7px;height:76px;margin:0;padding:14px;position:relative;overflow:hidden}.guide-workspace figure i{background:#bdc6d5;border-radius:99px;width:52%;height:7px;margin-bottom:8px;display:block}.guide-workspace figure i:nth-child(2){width:70%}.guide-workspace figure em{border:3px solid #ef4444;border-radius:50%;width:24px;height:24px;position:absolute;bottom:13px;right:18px;box-shadow:0 0 0 5px #ef444429}@keyframes tourReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.capture-intro{text-align:center;max-width:760px;margin:72px auto 0}.capture-intro span{color:#d4550d;letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:900}.capture-intro h2{letter-spacing:-.03em;margin:10px 0 9px;font-family:DM Serif Display,serif;font-size:clamp(34px,4vw,52px);font-weight:400}.capture-intro p{color:#706a75;margin:0;line-height:1.6}@media (width<=980px){.hero-stage{padding:48px 34px 42px}.product-tour-panel{grid-template-columns:1fr;gap:12px}.tour-interface{min-height:500px}.tour-explainer{padding:20px 6px 8px}}@media (width<=700px){.hero{padding-top:30px}.hero-stage{border-radius:22px;padding:32px 20px 30px}.hero-stage-brand{font-size:16px}.hero-stage-brand img{width:42px;height:42px}.hero-stage-brand b{display:none}.hero-stage-kicker{margin-top:25px}.hero-stage h1{font-size:clamp(34px,10vw,48px);line-height:.95}.hero-stage h1 strong{margin-top:11px;font-size:.78em;line-height:1}.hero-stage .hero-copy{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-trust{grid-template-columns:1fr;gap:8px;margin-top:22px}.hero-trust span{min-height:44px}.hero-product{margin-top:32px}.product-tour{border-radius:18px}.product-tour-head{text-align:center;flex-direction:column;align-items:stretch;gap:14px;padding:18px 14px 14px}.product-tour-tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.product-tour-tabs button{min-width:0;padding-inline:6px}.product-tour-panel{min-height:0;padding:12px}.tour-interface{border-radius:14px;min-height:400px;padding:12px}.tour-explainer{padding:18px 6px 10px}.tour-explainer h3{font-size:27px}.capture-menu{padding:18px}.capture-menu>header img{width:48px;height:48px}.capture-menu>header h3{font-size:20px}.capture-choice{min-height:68px}.studio-window>header{padding-inline:13px}.studio-window>header small{right:13px}.studio-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-canvas{height:250px}.mock-page-sidebar{inset:18px auto 18px 18px}.mock-page-content{padding:20px 16px;inset:18px 18px 18px calc(25% + 18px)}.mock-page-content>div{gap:7px}.mock-focus-zoom{width:108px;height:82px;padding:12px;top:72px;right:24px}.mock-focus-zoom b{font-size:20px}.mock-blur{width:94px;bottom:32px;left:32%}.guide-window>header aside span{display:none}.guide-workspace{grid-template-columns:1fr;min-height:360px}.guide-workspace>aside{display:none}.guide-workspace>main{padding:18px}.guide-workspace article{grid-template-columns:28px minmax(0,1fr)}.guide-workspace figure{grid-column:1/-1}.capture-intro{margin-top:50px}.capture-intro p{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8ff;--bg-soft:#eef0ff;--panel:#fff;--panel-2:#f4f3ff;--line:#dedff0;--line-soft:#ececf5;--text:#111a37;--muted:#676b7d;--orange:#ff9d16;--amber:#d97706;--snappy-blue:#5146d8;--snappy-cyan:#45c7e8;--shadow:0 24px 60px #25265c1c}body{color:var(--text);background:radial-gradient(circle at 8% 10%,#5146d817,#0000 25rem),radial-gradient(circle at 92% 18%,#ffaf231f,#0000 27rem),#f7f8ff}body:before{opacity:.4;background-image:radial-gradient(#4841a024 .75px,#0000 .75px);background-size:24px 24px;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.container{width:min(1240px,100% - 48px)}.nav{background:#f9f9ffdb;border-color:#25265c1a;box-shadow:0 8px 30px #25265c0d}.brand{color:#172044}.brand-mascot{filter:drop-shadow(0 8px 13px #2d29822e)}.brand small{color:#4d43c8;background:#eceaff;border-color:#5146d833}.nav-links{color:#54586c}.nav-links a:after{background:linear-gradient(90deg,#5146d8,#ff9d16)}.btn{color:#272d4b;background:#fff;border-color:#d7d8e9;box-shadow:0 8px 20px #24255312}.btn:hover{color:#fff;background:#5146d8;border-color:#5146d8}.btn-primary,.btn-primary:hover{color:#261800;background:linear-gradient(135deg,#ffb51e,#ff9416);border-color:#ec8f00;box-shadow:0 13px 30px #ff9d1642}.btn-primary:hover{color:#fff;background:#172044;border-color:#172044}:focus-visible{outline-color:#5146d8a6}.hero{padding-top:36px}.hero-stage{background:radial-gradient(circle at 13% 12%,#5d53e933,#0000 27rem),radial-gradient(circle at 87% 8%,#ffb11e38,#0000 27rem),linear-gradient(145deg,#11193a 0%,#151c3f 54%,#1b1835 100%);border:1px solid #5146d826;padding:48px 54px 44px;box-shadow:0 36px 90px #1f1f5433}.hero-mascot-pair{justify-content:center;align-items:center;gap:14px;height:118px;display:flex}.hero-mascot{place-items:center;width:116px;height:108px;display:grid;position:relative}.hero-mascot img{object-fit:contain;width:104px;height:104px;animation:3.4s ease-in-out infinite snappyIdle}.hero-mascot.pro img{animation-delay:-1.7s}.hero-mascot span{z-index:2;color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#5750d7;border-radius:99px;min-width:58px;padding:5px 9px;font-size:9px;font-weight:900;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hero-mascot.pro span{color:#2b1b00;background:#ffad1f}.hero-pair-mark{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.hero-pair-mark i{width:16px}.hero-stage-brand{color:#fff;margin-top:14px}.hero-stage-brand b{color:#ffc95b;background:#ffb11e1a;border-color:#ffb11e61}.hero-stage-kicker{color:#b8b5ff;margin-top:25px}.hero-stage h1 strong{color:#0000;background:linear-gradient(90deg,#8e87ff 10%,#fff 48%,#ffbb2e 90%);-webkit-background-clip:text;background-clip:text}.hero-stage .hero-copy{color:#c9cce0}.hero-secondary{background:#5c53d221;border-color:#aeaaff59}.hero-secondary:hover{background:#5146d8;border-color:#8179ee}.hero-trust{justify-content:center;gap:28px;display:flex}.hero-trust span{color:#bfc2d6;background:0 0;border:0;min-height:auto;padding:0}.hero-trust i{color:#ffbb2e}.product-tour{background:#111832;border-color:#827ceb4d;box-shadow:0 28px 70px #0000004d}.product-tour-head{background:#171e41;border-color:#ffffff14}.product-tour-head>div:first-child>span,.tour-explainer>span{color:#ffbd36}.product-tour-tabs{background:#0c122b;border-color:#9994ff38}.product-tour-tabs b{color:#ffc148}.tour-interface{background:radial-gradient(circle at 85% 5%,#ffae1f1a,#0000 31%),#0b1128;border-color:#847eeb2e}.tour-explainer li i{color:#ffb425}.section-head{text-align:center;max-width:760px;margin-inline:auto}.section-head span{color:#5146d8}.section-head h2{color:#172044}.section-head p{color:#686c80}.source-card,.feature-card,.use-card,.plan-card,.privacy-main,.privacy-points,.faq-list details{color:#172044;background:#ffffffe0;border-color:#e1e1ef;box-shadow:0 16px 45px #24255312}.source-card:hover,.use-card:hover{border-color:#7770e5;box-shadow:0 20px 48px #3a349921}.source-card:nth-child(2),.use-card:nth-child(2n){border-top-color:#ffc14a}.icon-box{color:#5146d8;box-shadow:none;background:#eeecff;border-color:#dcdaf8}.source-card p,.feature-card>p,.use-card p,.plan-card>p,.privacy-main p,.privacy-point p,.step p{color:#6a6e80}.source-card .tag{color:#4f47c9;background:#eeecff}.workflow{box-shadow:var(--shadow);background:#fff;border-color:#dddced}.step{border-color:#e7e6f0}.step-number{color:#5146d8;background:#eeecff;border-color:#d8d5ff}.step:nth-child(2n) .step-number{color:#bd6500;background:#fff4d7;border-color:#ffe0a0}.step>i{color:#fff;background:#5146d8}.feature-note{color:#5146d8!important}.mini-tool,.guide-step,.format{color:#353a54;background:#f8f8fc;border-color:#e0e0ed}.mini-tool i,.format i{color:#5146d8}.compare-wrap{box-shadow:var(--shadow);background:#fff;border-color:#ddddec}.compare-wrap th{color:#272d58;background:#eeecff}.compare-wrap th,.compare-wrap td{color:#4f5365;border-color:#e5e4ef}.check{color:#5146d8}.plan-grid{gap:24px}.plan-card.pro{background:linear-gradient(160deg,#fff 55%,#fff8e9);border:1px solid #ead8a8;border-top:3px solid #ffad1f;box-shadow:0 25px 65px #c27b0021}.plan-mascot{filter:drop-shadow(0 16px 22px #3934922e)}.plan-card.pro .plan-mascot{filter:drop-shadow(0 16px 22px #db840033)}.plan-purpose{color:#5146d8}.plan-card.pro .plan-purpose{color:#b65c00}.feature-list li{color:#505468}.feature-list i{color:#5146d8}.plan-card.pro .feature-list i{color:#d97706}.privacy-point{color:#172044;background:#f8f8fc;border-color:#e2e1ed}.privacy-point i{color:#5146d8}.faq-list summary{color:#202747}.faq-list details p{color:#666a7d}.faq-list summary:after{color:#5146d8}.closing{background:radial-gradient(circle at 15%,#5c52d84d,#0000 32%),radial-gradient(circle at 85% 45%,#ffb21d38,#0000 32%),#151c3f;border-color:#6f67dc38;box-shadow:0 28px 70px #201f502e}.closing h2{color:#fff}.closing p{color:#c9cce0}.footer{color:#676b7e;border-color:#ddddeb}.footer a{color:#252b4c}@media (width<=700px){.container{width:min(100% - 32px,1240px)}.hero{padding-top:16px}.hero-stage{padding:28px 16px 22px}.hero-mascot-pair{gap:5px;height:98px}.hero-mascot{width:92px;height:92px}.hero-mascot img{width:86px;height:86px}.hero-pair-mark{width:30px;height:30px}.hero-stage-brand{margin-top:12px}.hero-stage-kicker{margin-top:20px;font-size:10px;line-height:1.5}.hero-stage h1 span,.hero-stage h1 strong{white-space:normal}.hero-stage .hero-copy br{display:none}.hero-trust{flex-direction:column;align-items:center;gap:10px}.section{padding-block:48px}}body{background:#fbfcff}body:before{display:none}.nav{box-shadow:none;background:#fffffff0;border-bottom-color:#e5eaf5}.hero-stage{color:#07133f;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.blueprint-label{color:#06103e;letter-spacing:-.04em;text-transform:uppercase;align-items:center;gap:18px;margin-bottom:30px;font-size:clamp(22px,3vw,46px);font-weight:950;display:flex}.blueprint-label span{white-space:nowrap}.blueprint-label i{background:#0b63f6;border-radius:50%;flex:none;width:11px;height:11px}.blueprint-label b{font:inherit}.blueprint-layout{grid-template-columns:290px minmax(0,1fr);align-items:center;gap:38px;display:grid}.blueprint-notes{gap:18px;display:grid}.blueprint-notes article{background:#fff;border:1px solid #dbe4f4;border-radius:14px;grid-template-columns:54px 1fr;align-items:center;gap:15px;min-height:105px;padding:18px;display:grid;position:relative;box-shadow:0 8px 20px #15315d17}.blueprint-notes article:after{content:"";background:#0b63f6;width:39px;height:2px;position:absolute;top:50%;left:100%}.blueprint-notes article>b{color:#fff;background:#0b63f6;border-radius:50%;place-items:center;width:54px;height:54px;font-size:20px;display:grid}.blueprint-notes div{gap:4px;display:grid}.blueprint-notes strong{color:#07133f;text-transform:uppercase;font-size:18px;font-weight:950}.blueprint-notes span{color:#565e75;font-size:13px;line-height:1.4}.hero-feature-board{color:#fff;background:#04165e;border:10px solid #fff;border-radius:22px;padding:38px 38px 28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #dae2f0,0 15px 34px #19366829,inset 0 0 70px #006aff33}.hero-feature-board:before,.hero-feature-board:after{content:"";border:2px solid #62d000;border-radius:50%;width:8px;height:8px;position:absolute}.hero-feature-board:before{top:28px;right:28px}.hero-feature-board:after{border-color:#12d9f1;border-radius:0;bottom:28px;left:28px;transform:rotate(45deg)}.hero-stage-kicker{color:#ffd313;letter-spacing:.25em;margin-top:22px;font-size:12px}.hero-stage h1{max-width:820px;font-size:clamp(48px,5.4vw,78px);line-height:.93}.hero-stage h1 strong{color:#fff;background:0 0;margin-top:8px}.hero-trust{gap:22px}.product-tour{background:#08113c;border-color:#3658a6;border-radius:16px}.product-tour-head{background:#0b1e60}.product-tour-tabs button.active{background:#0b63f6}.product-tour-tabs b,.product-tour-head>div:first-child>span,.tour-explainer>span{color:#ffd313}.tour-interface{background:#071238}.hero-actions .btn-primary{color:#09143c;background:#ffd313;border-color:#ffd313}.hero-actions .btn-primary:hover{color:#09143c;background:#fff;border-color:#fff}.section{padding-block:72px}#workflow,#plans{background:#f5f8ff}.section-head span{color:#0b63f6;letter-spacing:.2em;align-items:center;gap:10px;display:inline-flex}.section-head span:before{content:"";background:#ffd313;border-radius:50%;width:7px;height:7px}.section-head h2{color:#07133f;text-transform:uppercase;font-family:Archivo Black,DM Sans,sans-serif;font-weight:900}.source-card,.feature-card,.use-card,.plan-card,.privacy-main,.privacy-points,.faq-list details,.workflow{border-color:#dce5f3;border-radius:14px;box-shadow:0 8px 22px #19366812}.source-card:hover,.use-card:hover{color:#fff;background:#07195f;border-color:#0b63f6}.source-card:hover p,.use-card:hover p{color:#dbe7ff}.source-card:hover .icon-box,.use-card:hover .icon-box{color:#fff;background:#0b63f6;border-color:#4dafff}.icon-box{color:#0b63f6;background:#eaf3ff;border-color:#cfe2ff}.source-card:nth-child(2) .icon-box,.use-card:nth-child(2n) .icon-box,.feature-card:nth-child(2n) .icon-box{color:#9c7400;background:#fff9d8;border-color:#ffe790}.step-number{color:#fff;background:#0b63f6;border:0}.step:nth-child(2n) .step-number{color:#07133f;background:#ffd313;border:0}.step>i{background:#62d000}.plan-card{border-top:4px solid #0b63f6}.plan-card.pro{border-top:4px solid #ffd313}.plan-badge{color:#07133f;background:#ffd313}.closing{background:#04165e;border-color:#193d94}.closing .btn-primary{color:#07133f;background:#ffd313;border-color:#ffd313}@media (width<=980px){.blueprint-layout{grid-template-columns:1fr;gap:24px}.blueprint-notes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.blueprint-notes article{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:132px;padding:14px 10px}.blueprint-notes article:after{display:none}.blueprint-notes article>b{width:44px;height:44px;font-size:16px}.blueprint-notes strong{font-size:14px}}@media (width<=700px){.hero{padding:24px 0 48px}.blueprint-label{flex-wrap:wrap;gap:10px;margin-bottom:20px;font-size:24px}.blueprint-label b{flex-basis:100%;font-size:19px}.blueprint-notes{grid-template-columns:1fr 1fr}.blueprint-notes article{min-height:126px}.hero-feature-board{border-width:6px;border-radius:18px;padding:26px 14px 18px}.hero-stage h1{font-size:clamp(32px,9.5vw,38px)}.hero-stage-kicker{letter-spacing:.15em;font-size:9px}.hero-product{border-radius:17px;padding:4px}.product-tour{border-radius:12px}}@media (width<=390px){.nav-actions .btn-primary{padding:0 12px}.brand span{font-size:14px}.viewport-grid{grid-template-columns:1fr}.viewport{grid-auto-flow:column;justify-content:center;min-height:56px}.mock-copy{width:66%}.mock-visual{opacity:.55}.browser-top{padding:0 8px}.footer-links{gap:12px}}.hero-stage{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.hero-feature-board{background:#071544;border:1px solid #516bc46b;border-radius:28px;padding:68px 56px 38px;overflow:hidden;box-shadow:0 34px 80px #12204f33,inset 0 0 90px #1c5fd621}.hero-feature-board:before,.hero-feature-board:after{display:none}.hero-mascot-pair{gap:26px;height:126px}.hero-pair-mark{background:#ffffff0d;border-color:#ffffff1f}.hero-stage-kicker{color:#ffca3a;letter-spacing:.2em;margin-top:32px}.hero-stage h1{letter-spacing:-.06em;margin-top:16px;font-size:clamp(56px,6.3vw,92px)}.hero-stage h1 strong{color:#a8a2ff}.hero-stage .hero-copy{color:#cbd5ef;max-width:680px}.hero-actions .hero-secondary{color:#eef2ff;background:#ffffff0a;border-color:#a6b2ef57}.hero-actions .hero-secondary:hover{color:#fff;background:#5146d8;border-color:#8d86ff}.hero-trust{gap:34px;margin-top:30px}.hero-product{background:#09163e;border:1px solid #60b0ff61;border-radius:22px;margin-top:54px;padding:0;box-shadow:0 24px 56px #00000047}.product-tour{box-shadow:none;border:0;border-radius:21px}.product-tour-head{padding-inline:28px}.section-head h2{text-transform:none;letter-spacing:-.045em}.section-head span:before{background:#ffca3a}.source-card,.feature-card,.use-card,.plan-card,.privacy-main,.privacy-points,.faq-list details,.workflow{border-radius:18px;box-shadow:0 18px 44px #1c2b5912}.source-card:hover,.use-card:hover{background:#0a194c;border-color:#5069c2}.closing{background:#071544;border-radius:26px}@media (width<=980px){.hero-feature-board{padding:56px 32px 30px}}@media (width<=700px){.hero{padding:20px 0 48px}.hero-feature-board{border-radius:20px;padding:34px 16px 18px}.hero-mascot-pair{gap:8px;height:104px}.hero-mascot{width:98px;height:96px}.hero-mascot img{width:90px;height:90px}.hero-stage-kicker{margin-top:24px;font-size:9px}.hero-stage h1{font-size:clamp(32px,9.5vw,38px)}.hero-trust{gap:10px}.hero-product{border-radius:16px;margin-top:34px}}.reveal-item{opacity:0;transition:opacity .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--reveal-order,0) * 70ms);transform:translateY(28px)}.reveal-item.is-visible{opacity:1;transform:translateY(0)}.hero-feature-board,.product-tour,.product-tour-head,.tour-interface,.capture-menu,.studio-window,.guide-window,.closing{color:#f8faff}.hero-feature-board h1,.hero-feature-board h2,.hero-feature-board h3,.hero-feature-board strong,.product-tour h2,.product-tour h3,.closing h2{color:#fff}.hero-feature-board p,.product-tour p,.closing p{color:#cbd5ef}.hero-feature-board small,.product-tour small{color:#aebbd9}@media (hover:hover) and (pointer:fine){.source-card,.feature-card,.use-card,.plan-card,.privacy-point,.faq-list details{transition:transform .22s ease-out,border-color .22s ease-out,background-color .22s ease-out,color .22s ease-out,box-shadow .22s ease-out;position:relative;overflow:hidden;transform:translateZ(0)}.source-card:before,.feature-card:before,.use-card:before,.plan-card:before,.privacy-point:before,.faq-list details:before{content:"";background:#6f67ef;height:2px;transition:right .22s ease-out;position:absolute;inset:0 100% auto 0}.source-card:hover,.feature-card:hover,.use-card:hover,.plan-card:hover,.privacy-point:hover,.faq-list details:hover{color:#fff;border-color:#5967b8;box-shadow:0 24px 52px #12204f33;background:#0a194c!important;transform:translateY(-7px)rotateX(1deg)!important}.source-card:hover:before,.feature-card:hover:before,.use-card:hover:before,.plan-card:hover:before,.privacy-point:hover:before,.faq-list details:hover:before{right:0}.source-card:hover h3,.feature-card:hover h3,.use-card:hover h3,.plan-card:hover h3,.privacy-point:hover h3,.faq-list details:hover summary{color:#fff}.source-card:hover p,.feature-card:hover>p,.use-card:hover p,.plan-card:hover>p,.privacy-point:hover p,.faq-list details:hover p,.plan-card:hover .feature-list li{color:#cdd7ef}.source-card:hover .tag,.feature-card:hover .mini-tool,.feature-card:hover .format,.feature-card:hover .guide-step,.plan-card:hover .plan-purpose{color:#fff;background:#ffffff14;border-color:#ffffff2e}.source-card:hover .icon-box,.feature-card:hover .icon-box,.use-card:hover .icon-box{color:#fff;background:#5a52dc;border-color:#ffffff38}.plan-card.pro:hover .plan-badge{color:#161b36;background:#ffca3a}}@media (prefers-reduced-motion:reduce){.reveal-item,.reveal-item.is-visible{opacity:1;transition:none;transform:none}}:root{--snappy-blue:#5146d8;--snappy-gold:#985300;--snappy-navy:#071544}.brand-mascot-team{flex:0 0 62px;width:62px;height:48px;display:block;position:relative}.brand-mascot-team .brand-mascot{object-fit:contain;filter:drop-shadow(0 7px 10px #161c4829);width:42px;height:42px;position:absolute;top:3px}.brand-mascot-team .basic{z-index:2;left:0;transform:rotate(-8deg)}.brand-mascot-team .pro{z-index:1;right:0;transform:rotate(8deg)}.hero-mascot-pair{gap:0}.hero-mascot.basic{z-index:2;margin-right:-10px;transform:rotate(-7deg)translateY(2px)}.hero-mascot.pro{z-index:1;margin-left:-10px;transform:rotate(7deg)translateY(2px)}.hero-pair-mark{display:none}.btn-primary,.btn-primary:hover,.hero-actions .btn-primary,.closing .btn-primary,.plan-card.pro .btn-primary{border-color:var(--snappy-gold);background:var(--snappy-gold);color:#fff}.btn-primary i,.btn-primary:hover i,.hero-actions .btn-primary i,.closing .btn-primary i{color:#fff}.btn-primary:hover,.hero-actions .btn-primary:hover,.closing .btn-primary:hover,.plan-card.pro .btn-primary:hover{color:#fff;background:#753f00;border-color:#753f00}.plan-badge,.plan-card.pro:hover .plan-badge{background:var(--snappy-gold);color:#fff}.hero-stage-kicker,.product-tour-head>div:first-child>span,.tour-explainer>span,.product-tour-tabs b{color:#e5a72a}.product-tour-tabs button.active,.step-number,.step>i{background:var(--snappy-blue);color:#fff}.step:nth-child(2n) .step-number{background:var(--snappy-gold);color:#fff}.section-head span,.feature-note,.plan-purpose,.feature-list i,.privacy-point i,.faq-list summary:after{color:var(--snappy-blue)!important}.section-head span:before,.source-card:before,.feature-card:before,.use-card:before,.plan-card:before,.privacy-point:before,.faq-list details:before{background:var(--snappy-blue)}.plan-card.pro:before{background:var(--snappy-gold)}@media (width<=700px){.brand-mascot-team{flex-basis:54px;width:54px;height:44px}.brand-mascot-team .brand-mascot{width:37px;height:37px}.hero-mascot.basic{margin-right:-16px}.hero-mascot.pro{margin-left:-16px}}.capability-showcase{background:#fff;border:1px solid #d9deef;border-radius:22px;width:min(100%,1040px);margin:36px auto 34px;padding:10px;overflow:hidden;box-shadow:0 26px 64px #16224c24}.capability-showcase img{border-radius:14px;width:100%;height:auto;display:block}.capability-showcase figcaption{color:#5e6478;letter-spacing:.02em;text-align:center;padding:12px 10px 4px;font-size:12px;font-weight:750}#features .feature-card>.icon-box{display:none}#features .feature-card h3{margin-top:0}#features .tool-list,#features .format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#features .format{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:138px;padding:15px 10px 13px;display:flex}.format-visual{color:#5146d8;background:#eeecff;border:1px solid #d8d5ff;border-radius:10px;place-items:center;width:56px;height:64px;margin-bottom:4px;display:grid;position:relative;box-shadow:0 8px 18px #262b5b1a}.format-visual svg,.format-visual>i{color:currentColor;width:27px;height:27px;margin:0 0 13px;display:block}.format-visual em{color:#fff;letter-spacing:.04em;background:#5146d8;border-radius:5px;min-width:38px;padding:3px 5px;font-size:8px;font-style:normal;font-weight:900;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}#features .format b{color:#202747;font-size:12px}#features .format small{color:#74798c;font-size:10px}@media (hover:hover) and (pointer:fine){.feature-card:hover .feature-note,.plan-card:hover .plan-purpose,.plan-card.pro:hover .plan-purpose{color:#fff!important}.feature-card:hover .format-visual{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff3d}.feature-card:hover .format-visual em{color:#fff;background:#985300}.feature-card:hover .format b{color:#fff}.feature-card:hover .format small{color:#cdd7ef}}#features .format,#features .format b,#features .format small{color:#202747}#features .format small{color:#626a7c}#features .format-visual{color:#5146d8;background:#eef1f8;border-color:#cfd5e6;box-shadow:0 8px 18px #262b5b1a}#features .format-visual em{color:#fff;background:#985300}@media (hover:hover) and (pointer:fine){#features .feature-card:hover .format,#features .feature-card:hover .format b,#features .feature-card:hover .format small,#features .feature-card:hover .format-visual{color:#fff}#features .feature-card:hover .format small{color:#ffffffd1}#features .feature-card:hover .format-visual{box-shadow:none;background:#ffffff17;border-color:#ffffff47}}.capture-interface{isolation:isolate;background:linear-gradient(#050e30bd,#050e30db),url(/snappy-store-assets/snappy-store-screenshot-1280x800.png) 50%/cover no-repeat;position:relative}.capture-interface:before{content:"Current Chrome tab";z-index:1;color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070f2dc2;border:1px solid #fff3;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;position:absolute;top:18px;left:20px}.capture-interface:after{content:"Snappy opens over the page you are already viewing";z-index:1;color:#fff;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070f2dcc;border:1px solid #ffffff2e;border-radius:9px;max-width:210px;padding:9px 12px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;bottom:18px;right:20px}.capture-interface .capture-menu{z-index:2;width:min(78%,500px);position:relative;box-shadow:0 30px 70px #00000094,0 0 0 1px #ffae1f1a}@media (width<=700px){.capture-interface:before,.capture-interface:after{display:none}.capture-interface .capture-menu{width:100%}}.capture-interface{background:#071238;padding-top:52px}.capture-interface:before{content:"Open Snappy on any webpage, then choose 1, 2, or 3";color:#fff;letter-spacing:.04em;text-align:center;text-transform:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:max-content;max-width:calc(100% - 32px);padding:0;font-size:10px;top:20px;left:50%;transform:translate(-50%)}.capture-interface:after{display:none}.capture-interface .capture-menu{width:min(88%,560px)}@media (width<=700px){.capture-interface{padding-top:12px}.capture-interface:before{display:none}}.closing-mascot-team{width:340px;height:270px;animation:3.8s ease-in-out infinite closingTeamFloat;position:absolute;bottom:-12px;left:24px}.closing-mascot-team .closing-mascot{object-fit:contain;filter:drop-shadow(0 18px 24px #00000057);width:230px;height:230px;animation:none;position:absolute;inset:auto auto 0}.closing-mascot-team .basic{z-index:2;left:0;transform:rotate(-7deg)}.closing-mascot-team .pro{z-index:1;right:0;transform:rotate(7deg)}@keyframes closingTeamFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=700px){.closing-mascot-team{width:270px;height:190px;animation:none;top:12px;bottom:auto;left:50%;transform:translate(-50%)}.closing-mascot-team .closing-mascot{transform-origin:50% 85%;width:180px;height:180px}.closing-mascot-team .basic{transform:rotate(-7deg)}.closing-mascot-team .pro{transform:rotate(7deg)}}@media (prefers-reduced-motion:reduce){.closing-mascot-team{animation:none}}.hero{padding:24px 0 46px}.hero-feature-board{padding:34px 44px 24px}.hero-mascot-pair{height:92px}.hero-mascot img{width:86px;height:86px}.hero-stage-brand{margin-top:8px}.hero-stage-kicker{margin-top:16px}.hero-stage h1{margin-top:10px;font-size:clamp(46px,5.35vw,74px)}.hero-stage .hero-copy{margin-top:16px}.hero-actions{margin-top:22px}.hero-trust{margin-top:20px}.hero-product{margin-top:30px}.product-tour-panel{gap:20px;min-height:470px;padding:20px}.tour-interface{min-height:410px;padding:18px}@media (width<=980px){.hero-feature-board{padding:30px 26px 22px}}@media (width<=700px){.hero{padding:12px 0 34px}.hero-feature-board{padding:22px 14px 14px}.hero-mascot-pair{height:78px}.hero-mascot{width:82px;height:76px}.hero-mascot img{width:74px;height:74px}.hero-stage-brand{margin-top:4px}.hero-stage-kicker{margin-top:13px}.hero-stage h1{margin-top:8px;font-size:clamp(30px,8.8vw,36px)}.hero-stage .hero-copy{margin-top:12px}.hero-actions{margin-top:18px}.hero-trust{margin-top:16px}.hero-product{margin-top:22px}.product-tour-panel{padding:10px}.tour-interface{min-height:330px;padding:10px}}.product-demo-section{background:#f4f7ff;padding:12px 0 72px}.product-demo-section .hero-product{margin-top:0}.product-tour-panel.active{animation:.55s cubic-bezier(.2,.75,.25,1) both demoPanelIn}.product-tour-panel.active .tour-interface{animation:.7s cubic-bezier(.2,.75,.25,1) both demoVisualIn}.product-tour-panel.active .tour-explainer>*{animation:.5s both demoCopyIn}.product-tour-panel.active .tour-explainer>:nth-child(2){animation-delay:80ms}.product-tour-panel.active .tour-explainer>:nth-child(3){animation-delay:.14s}.product-tour-panel.active .tour-explainer>:nth-child(4){animation-delay:.2s}.product-tour-panel.active .capture-choice{animation:.45s both demoChoiceIn}.product-tour-panel.active .capture-choice:nth-of-type(2){animation-delay:.1s}.product-tour-panel.active .capture-choice:nth-of-type(3){animation-delay:.18s}.product-tour-panel.active .capture-choice:nth-of-type(4){animation-delay:.26s}@keyframes demoPanelIn{0%{opacity:1;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes demoVisualIn{0%{opacity:.45;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes demoCopyIn{0%{opacity:.45;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes demoChoiceIn{0%{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.product-demo-section{padding:8px 0 46px}}@media (prefers-reduced-motion:reduce){.product-tour-panel.active,.product-tour-panel.active .tour-interface,.product-tour-panel.active .tour-explainer>*,.product-tour-panel.active .capture-choice{animation:none}}.product-tour-head,.product-tour-tabs button,.tour-explainer,.capture-menu,.capture-choice small,.capture-menu>p,.studio-window>header,.studio-window>header small,.studio-toolbar span,.studio-window>footer,.guide-window>header,.guide-window>header aside span,.guide-workspace>aside,.guide-workspace>aside span,.product-tour-head>div:first-child>span,.tour-explainer>span,.product-tour-tabs b,.capture-menu>header span,.capture-menu>p b,.studio-window>header span,.guide-window>header small,.guide-workspace>aside b{color:#fff}.tour-explainer p,.tour-explainer li,.capture-choice small,.capture-menu>p,.studio-window>header small,.studio-window>footer,.guide-window>header aside span,.guide-workspace>aside span{color:#ffffffd1}.product-tour-tabs button:hover,.product-tour-tabs button.active,.studio-toolbar span.active,.guide-workspace>aside span.active,.capture-choice kbd,.studio-window>footer strong,.guide-window>header aside strong,.guide-workspace article>b{color:#fff}.guide-workspace>main,.guide-workspace>main>h3,.guide-workspace article,.guide-workspace article strong{color:#171b2f}.guide-workspace>main>small{color:#596273}.guide-workspace>main>span{color:#9a5600}.mock-focus-zoom small{color:#526382}.hero-feature-board{text-align:left;grid-template-rows:repeat(6,auto);grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:center;column-gap:clamp(36px,5vw,76px);display:grid}.hero-feature-board>:not(.hero-mascot-pair){grid-column:1}.hero-mascot-pair{grid-area:1/2/span 7;place-self:center;width:100%;height:360px;position:relative}.hero-mascot{width:270px;height:290px}.hero-mascot img{filter:drop-shadow(0 28px 34px #00000061);width:260px;height:260px}.hero-mascot.basic{margin-right:-62px;transform:rotate(-8deg)translateY(18px)}.hero-mascot.pro{margin-left:-62px;transform:rotate(8deg)translateY(-8px)}.hero-mascot span{z-index:2}.hero-stage-brand,.hero-stage-kicker,.hero-stage h1,.hero-stage .hero-copy,.hero-actions,.hero-trust{text-align:center;justify-content:center}.hero-stage h1{text-wrap:balance;font-size:clamp(46px,5vw,72px)}.hero-stage .hero-copy{text-wrap:balance;margin-inline:auto}.hero-trust{flex-wrap:wrap;gap:12px 22px}@media (width<=980px){.hero-feature-board{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);column-gap:24px}.hero-mascot-pair{height:300px}.hero-mascot{width:210px;height:230px}.hero-mascot img{width:205px;height:205px}}@media (width<=700px){.hero-feature-board{text-align:center;grid-template-rows:auto;grid-template-columns:1fr}.hero-feature-board>:not(.hero-mascot-pair){grid-column:1}.hero-mascot-pair{grid-area:1/1;width:250px;height:150px;margin:0 auto 4px}.hero-mascot{width:150px;height:142px}.hero-mascot img{width:138px;height:138px}.hero-mascot.basic{margin-right:-34px;transform:rotate(-8deg)translateY(8px)}.hero-mascot.pro{margin-left:-34px;transform:rotate(8deg)translateY(-3px)}.hero-stage-brand,.hero-stage-kicker,.hero-stage h1,.hero-stage .hero-copy,.hero-actions,.hero-trust{text-align:center;justify-content:center}.hero-stage h1{letter-spacing:-.045em;width:100%;font-size:clamp(27px,8vw,32px)}.hero-stage h1 span,.hero-stage h1 strong{white-space:normal}.capability-showcase{border-radius:16px;margin:24px auto;padding:6px}.capability-showcase img{border-radius:11px}#features .tool-list,#features .format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#features .focus-demo{filter:none;background:#111936;border:1px solid #ffffff38;border-radius:14px;width:min(100%,330px);height:178px;margin:24px auto 0;position:relative;overflow:hidden;box-shadow:0 16px 34px #0c173c38}#features .focus-demo img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}#features .focus-demo:after{content:"";background:linear-gradient(#0000 45%,#050c26b8);position:absolute;inset:0}#features .focus-demo span{z-index:2;color:#fff;font-size:9px;font-weight:800;position:absolute;bottom:10px;left:12px}#features .focus-demo i{z-index:2;border:3px solid #ff8c00;border-radius:10px;width:70px;height:48px;position:absolute;top:50px;left:72px;box-shadow:0 0 0 4px #ff8c002e}#features .focus-lens{z-index:4;background:#fff;border:3px solid #ff8c00;border-radius:16px;width:122px;height:92px;bottom:10px;left:auto;right:10px;overflow:hidden;transform:none;box-shadow:0 16px 34px #040c285c}#features .focus-lens img{object-fit:cover;width:170%;height:170%;position:absolute;top:-32%;left:-46%}#features .focus-lens b{color:#fff;background:#985300;border-radius:5px;padding:4px 6px;font-size:9px;position:absolute;bottom:7px;right:7px}#features .guide-steps{width:100%;max-width:360px}#features .guide-step{grid-template-columns:28px 76px minmax(0,1fr);padding:8px}#features .guide-thumb{background:#fff;border:1px solid #d8ddea;border-radius:7px;height:46px;overflow:hidden}#features .guide-thumb img{object-fit:cover;object-position:20% 25%;width:100%;height:100%;display:block}#features .guide-step:nth-child(2) .guide-thumb img{object-position:55% 42%}#features .guide-step:nth-child(3) .guide-thumb img{object-position:82% 64%}#features .guide-copy{flex-direction:column;gap:4px;min-width:0;display:flex}#features .guide-copy strong{color:#202747;font-size:10px;line-height:1.2}#features .guide-copy small{color:#626a7c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}@media (hover:hover) and (pointer:fine){#features .feature-card:hover .guide-copy strong,#features .feature-card:hover .guide-copy small{color:#fff}}@media (width<=700px){#features .focus-lens{width:112px;height:88px}#features .guide-step{grid-template-columns:26px 68px minmax(0,1fr)}}:root{color:#10213c;font-synthesis:none;--navy:#071b3b;--navy2:#0d2b59;--blue:#1e79ef;--cyan:#20bdea;--orange:#ff6b0b;--orange2:#f15608;--line:#dde4ee;--muted:#68758a;--soft:#f4f7fb;--green:#1b9b5a;--red:#dc3c3c;--amber:#bd7a00;background:#f7f9fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{color:#10213c;background:#f7f9fc;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #57b8ff}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash{background:var(--navy);color:#fff;align-content:center;place-items:center;gap:14px;min-height:100vh;display:grid}.splash img{object-fit:contain;width:110px;height:110px}.splash p{color:#b5c7df;margin:0}.login-page{background:#fff;grid-template-columns:minmax(420px,1.1fr) minmax(380px,.9fr);min-height:100vh;display:grid}.login-copy{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;padding:8vh 8vw;display:flex;position:relative;overflow:hidden}.login-copy:after{content:"";border:1px solid #23558f;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-150px;right:-180px}.login-brand{align-items:center;gap:10px;display:flex;position:absolute;top:40px;left:8vw}.login-brand img{object-fit:contain;width:48px;height:48px}.login-brand b{font-size:18px}.login-brand span{color:#ff9148;border:1px solid #ff6b0b;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:800}.eyebrow{letter-spacing:.16em;color:#21bfee;margin:0 0 12px;font-size:11px;font-weight:800}.login-copy h1{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(48px,6vw,78px);line-height:.98}.login-copy h1 span{color:#32b9ff}.login-copy>p:not(.eyebrow){color:#b9c8dc;max-width:580px;font-size:17px;line-height:1.65}.trust-row{color:#ff8f3a;border-top:1px solid #264268;gap:12px;max-width:520px;margin-top:42px;padding-top:24px;display:flex}.trust-row b,.trust-row span{display:block}.trust-row b{color:#fff}.trust-row span{color:#9eb0c7;margin-top:4px;font-size:13px}.login-panel{border:1px solid var(--line);border-radius:20px;width:min(440px,100% - 48px);margin:auto;padding:42px;box-shadow:0 24px 60px #071b3b14}.login-mascot{background:#eef5ff;border-radius:20px;place-items:center;width:76px;height:76px;margin-bottom:24px;display:grid}.login-mascot img{object-fit:contain;width:68px;height:68px}.login-panel h2{letter-spacing:-.03em;margin:0 0 8px;font-size:30px}.login-panel>p:not(.eyebrow){color:var(--muted);margin:0 0 28px}.login-panel form{gap:18px;display:grid}.login-panel label>span,.issue-panel label>span,.issue-panel legend{color:#263750;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.input-wrap{border:1px solid #ced8e6;border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.input-wrap svg{color:#7b889b}.input-wrap input{color:#10213c;border:0;outline:0;width:100%;height:100%}.primary-button{background:var(--orange);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:800;display:flex;box-shadow:0 10px 22px #ff6b0b25}.primary-button:hover{background:var(--orange2)}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{color:#b82323;background:#fff0f0;border:1px solid #ffd1d1;border-radius:9px;padding:11px 13px;font-size:13px}.login-panel>small{text-align:center;color:#8b96a6;margin-top:20px;display:block}.admin-shell{background:#fff;grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.admin-shell>aside{background:var(--navy);color:#fff;z-index:20;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 6px 24px;display:flex}.brand img{object-fit:contain;width:46px;height:46px}.brand b,.brand span{display:block}.brand b{font-size:15px}.brand span{letter-spacing:.15em;color:#ff9a52;margin-top:3px;font-size:9px;font-weight:800}.admin-shell nav{gap:5px;display:grid}.admin-shell nav button{color:#adc0da;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-weight:600;display:flex}.admin-shell nav button svg{font-size:21px}.admin-shell nav button:hover{color:#fff;background:#102c54}.admin-shell nav button.active{color:#fff;box-shadow:inset 3px 0 var(--orange);background:#14345f}.sidebar-help{border:1px solid #284568;border-radius:11px;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.sidebar-help svg{color:#4bcdf0;font-size:25px}.sidebar-help b,.sidebar-help span{display:block}.sidebar-help b{font-size:12px}.sidebar-help span{color:#8fa6c2;margin-top:3px;font-size:10px}.account{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #243f62;align-items:center;gap:10px;margin-top:16px;padding:16px 5px 0;display:flex}.account .avatar{background:#7449d7;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.account div{flex:1;min-width:0}.account b,.account small{display:block}.account b{font-size:12px}.account small{color:#8da4c0;text-overflow:ellipsis;font-size:9px;overflow:hidden}.account>svg{color:#86a0bf}.command-center{background:#fff;min-width:0}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:76px;padding:12px 28px;display:grid}.header-title{text-align:center}.topbar h1{letter-spacing:-.03em;margin:0;font-size:24px;line-height:1}.topbar .eyebrow,.header-title>span{display:none}.top-actions{justify-self:end;align-items:center;gap:14px;display:flex}.health{border:1px solid var(--line);color:#5d6a7c;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.health i{background:#22b566;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dcf7e8}.health b{color:#177e4c}.admin-chip{border:0;border-left:1px solid var(--line);color:#10213c;background:#fff;align-items:center;gap:8px;padding:0 0 0 15px;display:flex}.admin-chip>svg:first-child{color:#263f67;font-size:32px}.admin-chip span{text-align:left;display:block}.admin-chip b,.admin-chip small{display:block}.admin-chip b{font-size:12px}.admin-chip small{color:#8490a0;font-size:9px}.menu-button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:44px;height:44px;display:none}.stat-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 28px;display:grid}.stat{align-items:center;gap:12px;min-width:0;display:flex}.stat+.stat{border-left:1px solid var(--line);padding-left:20px}.stat-icon{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.stat-icon svg{font-size:24px}.stat-icon.blue{color:#1773e8;background:#e8f2ff}.stat-icon.green{color:#159055;background:#e7f8ef}.stat-icon.amber{color:#b87900;background:#fff4d9}.stat-icon.red{color:#d93737;background:#ffeded}.stat b,.stat span{display:block}.stat b{font-size:25px;line-height:1}.stat div span{color:var(--muted);margin-top:5px;font-size:11px}.control-grid{grid-template-columns:minmax(620px,1fr) 356px;min-height:calc(100vh - 76px);display:grid}.license-column{background:#fbfcfe;min-width:0}.license-workspace{min-width:0;padding:22px 22px 34px}.toolbar{grid-template-columns:minmax(220px,1fr) 190px auto;gap:12px;margin-bottom:16px;display:grid}.search,.filter,.outline-button{color:#657287;background:#fff;border:1px solid #d6deea;border-radius:9px;align-items:center;gap:10px;height:44px;display:flex}.search{padding:0 13px}.search input{color:#10213c;border:0;outline:0;width:100%}.filter{position:relative}.filter select{appearance:none;color:#27374f;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 36px 0 13px}.filter svg{pointer-events:none;position:absolute;right:12px}.outline-button{color:#263750;justify-content:center;padding:0 14px;font-weight:700}.outline-button:hover{background:#f7faff;border-color:#8dacd3}.table-shell{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}table{border-collapse:collapse;table-layout:auto;width:100%}th{text-align:left;color:#68758a;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);background:#f7f9fc;padding:13px 12px;font-size:10px}td{vertical-align:middle;border-bottom:1px solid #e8edf4;padding:12px;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faff}tbody tr.selected{background:#f1f7ff;box-shadow:inset 0 0 0 1px #348af3}.customer{align-items:center;gap:9px;min-width:170px;display:flex}.customer-avatar{color:#fff;background:#7449d7;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.customer-avatar.large{width:42px;height:42px;font-size:12px}.customer b,.customer span,.date,.date small,.not-bound,.not-bound small,.device span,.device small{display:block}.customer b{font-size:11px}.customer span,.date small,.not-bound small,.device small{color:#758195;margin-top:2px;font-size:9px}.plan{color:#1773e8;border:1px solid #89bbff;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.plan.pro{color:#e85c05;background:#fff7f1;border-color:#ff9a5c}.status{white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.status i{background:#d08a09;border-radius:50%;width:7px;height:7px}.status.active{color:#16864f}.status.active i{background:#20a961}.status.revoked{color:#c82f35}.status.revoked i{background:#dc3c3c}.device{align-items:center;gap:7px;display:flex}.device svg{color:#637188;font-size:20px}.not-bound{color:#9aa3b0}.date{white-space:nowrap}.icon-button{color:#66758a;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:#1a68c7;background:#eaf2fd}.empty-row{text-align:center;color:#7b8798;padding:54px}.empty-row svg,.empty-row b,.empty-row span{margin:0 auto 7px;display:block}.license-detail{border-top:1px solid var(--line);background:#f8fbff;grid-template-columns:1.2fr 1fr;gap:14px;padding:14px;display:grid}.detail-person{align-items:center;gap:10px;display:flex}.detail-person b,.detail-person span,.detail-person small{display:block}.detail-person b{font-size:13px}.detail-person span{color:#68758a;font-size:10px}.detail-person small{color:#8490a0;margin-top:4px;font-size:8px}.detail-meta{border-left:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding-left:14px;display:grid}.detail-meta span,.detail-meta b{display:block}.detail-meta span{color:#7c899a;text-transform:uppercase;font-size:8px}.detail-meta b{margin-top:5px;font-size:10px}.detail-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.detail-actions button{color:#36445a;background:#fff;border:1px solid #d7e0ec;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;font-size:10px;font-weight:700;display:flex}.detail-actions button:hover{color:#1769cc;border-color:#8eb6e8}.detail-actions button.danger{color:#d03535;border-color:#f2bebe}.detail-actions button:disabled{opacity:.42;cursor:not-allowed}.table-footer{color:#768296;border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 14px;font-size:10px;display:flex}.table-footer div{gap:5px;display:flex}.table-footer button{color:#607086;background:#fff;border:1px solid #d9e1ec;border-radius:6px;width:30px;height:30px}.table-footer button.current{color:#1773e8;background:#eff6ff;border-color:#2e86f3}.issue-panel{border-left:1px solid var(--line);background:#fff;padding:22px}.panel-head{justify-content:space-between;gap:12px;margin-bottom:23px;display:flex}.panel-head h2{margin:0 0 5px;font-size:20px}.panel-head p{color:var(--muted);margin:0;font-size:11px}.panel-head button{color:#69758a;background:0 0;border:0;border-radius:7px;width:34px;height:34px}.panel-head button:hover{background:#f0f4f9}.issue-panel form{gap:16px;display:grid}.issue-panel input,.issue-panel select{color:#182a43;background:#fff;border:1px solid #d2dbe8;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px}.issue-panel fieldset{border:0;margin:0;padding:0}.issue-panel legend{padding:0}.plan-choice{border:1px solid #d5deea;border-radius:9px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.plan-choice button{color:#1e6ed0;background:#fff;border:0;height:42px;font-size:11px;font-weight:800}.plan-choice button+button{border-left:1px solid #d5deea}.plan-choice button.active{background:#eaf3ff}.plan-choice button.active.pro{background:var(--orange);color:#fff}.locked-input,.select-wrap{position:relative}.locked-input svg,.select-wrap svg{color:#8490a1;pointer-events:none;position:absolute;top:13px;right:12px}.locked-input input{color:#6a7585;background:#f6f8fb}.select-wrap select{appearance:none}.issue-panel label span small{color:#7e8998;font-weight:400}.generated-code{background:#f3fcf7;border:1px solid #90d6ae;border-radius:10px;margin-top:18px;padding:14px}.success-line{color:#157a48;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.success-line svg{vertical-align:middle;margin-right:6px;font-size:18px}.generated-code strong{letter-spacing:.04em;color:#10213c;overflow-wrap:anywhere;margin:14px 0;font-size:18px;display:block}.code-actions{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.code-actions button{color:#314258;background:#fff;border:1px solid #cfe0d7;border-radius:7px;height:36px;font-size:9px;font-weight:700}.code-actions svg{vertical-align:middle;margin-right:4px;font-size:15px}.one-device{border-top:1px solid var(--line);color:#31445d;gap:10px;margin-top:20px;padding-top:18px;display:flex}.one-device svg{font-size:22px}.one-device b,.one-device span{display:block}.one-device b{font-size:11px}.one-device span{color:#748095;margin-top:4px;font-size:9px;line-height:1.5}.snappy-help{background:#f6f8fc;align-items:center;gap:10px;margin:28px -22px -22px;padding:18px 22px;display:flex}.snappy-help img{object-fit:contain;width:52px;height:52px}.snappy-help b,.snappy-help span{display:block}.snappy-help b{font-size:11px}.snappy-help span{color:#768296;margin-top:3px;font-size:9px}.toast{color:#fff;z-index:60;background:#10213c;border-radius:10px;align-items:center;gap:9px;padding:12px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #071b3b35}.toast svg{color:#52df91}.dialog-backdrop{z-index:80;background:#071b3b99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{text-align:center;background:#fff;border-radius:16px;width:min(420px,100%);padding:28px;box-shadow:0 28px 80px #071b3b55}.dialog-icon{color:#1873e1;background:#eaf4ff;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.dialog-icon.danger{color:#d33232;background:#fff0f0}.dialog-icon svg{font-size:27px}.dialog h2{margin:0 0 8px;font-size:22px}.dialog p{color:#697589;font-size:13px;line-height:1.5}.dialog>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.dialog>div button{text-align:center;justify-content:center;align-items:center;height:48px;padding:0 14px;line-height:1;display:flex}.confirm-danger{color:#fff;text-align:center;background:#d93e3e;border:0;border-radius:9px;justify-content:center;align-items:center;font-weight:800;display:flex}.nav-backdrop{display:none}@media (width<=1180px){.admin-shell{grid-template-columns:80px minmax(0,1fr)}.brand{justify-content:center}.brand div,.admin-shell nav span,.sidebar-help div,.account div,.account>svg{display:none}.admin-shell nav button{justify-content:center;padding:0}.sidebar-help{justify-content:center;padding:12px}.account{justify-content:center}.control-grid{grid-template-columns:minmax(0,1fr) 330px}.stat-strip{gap:12px}.stat+.stat{padding-left:12px}.stat-icon{width:40px;height:40px}}@media (width<=940px){.control-grid{display:block}.issue-panel{border-left:0;border-top:1px solid var(--line);padding:24px 28px}.issue-panel form{grid-template-columns:1fr 1fr}.issue-panel form .primary-button{grid-column:1/-1}.generated-code,.one-device{max-width:680px}.snappy-help{margin-left:-28px;margin-right:-28px}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line);padding-top:15px}.top-actions .admin-chip{display:none}}@media (width<=680px){.admin-shell{display:block}.admin-shell>aside{width:236px;transition:left .2s;position:fixed;left:-250px}.admin-shell>aside.open{left:0}.brand{justify-content:flex-start}.brand div,.admin-shell nav span,.sidebar-help div,.account div,.account>svg{display:block}.admin-shell nav button{justify-content:flex-start;padding:0 14px}.sidebar-help,.account{justify-content:flex-start}.menu-button{display:grid}.nav-backdrop{z-index:10;background:#071b3b77;border:0;display:block;position:fixed;inset:0}.topbar{min-height:76px;padding:14px 16px;display:flex}.topbar-spacer{display:none}.header-title{text-align:left}.topbar h1{margin:0;font-size:20px}.health{padding:10px;font-size:0}.health b{font-size:10px}.stat-strip{gap:12px;padding:16px}.stat{gap:9px}.stat-icon{width:38px;height:38px}.stat b{font-size:20px}.license-workspace{padding:16px}.toolbar{grid-template-columns:1fr auto}.filter{grid-column:1/-1}.outline-button{grid-area:1/2}.table-shell{overflow:auto}table,.license-detail,.table-footer{min-width:720px}.issue-panel{padding:24px 16px}.panel-head button{width:44px;height:44px}.issue-panel form{grid-template-columns:1fr}.issue-panel form .primary-button{grid-column:auto}.snappy-help{margin-left:-16px;margin-right:-16px}.login-page{background:var(--navy);min-height:100vh;padding:20px;display:block}.login-copy{background:0 0;min-height:auto;padding:22px 4px 28px}.login-copy:after,.login-copy>p:not(.eyebrow),.trust-row{display:none}.login-brand{margin-bottom:40px;position:static}.login-copy h1{font-size:44px}.login-panel{width:100%;box-shadow:none;background:#fff;padding:26px}.login-mascot{margin-top:-62px}.dialog>div,.code-actions{grid-template-columns:1fr}.code-actions button{height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.admin-shell>aside,.topbar,.stat-strip,.license-workspace,.panel-head,.issue-panel form,.one-device,.snappy-help,.toast{display:none!important}.admin-shell,.control-grid{display:block}.issue-panel{border:0}.generated-code{max-width:650px;margin:50px auto}}.admin-shell{--snappy-orange:#ff7900;--snappy-orange-deep:#f36f21;--snappy-blue:#6257f7;--snappy-cyan:#0ca9d1}.admin-shell svg{vertical-align:middle;flex:none;display:block}.admin-shell button,.admin-shell .health,.admin-shell .status,.admin-shell .device,.admin-shell .customer{align-items:center;gap:8px;display:inline-flex}.admin-shell .icon-button,.admin-shell .table-footer button,.admin-shell .panel-head button{place-items:center;gap:0;display:inline-grid}.admin-shell .menu-button{place-items:center;gap:0}.admin-shell nav button{align-items:center;gap:12px;display:flex}.admin-shell nav button svg{width:21px;height:21px;font-size:21px}.admin-shell nav button.active{box-shadow:inset 3px 0 var(--snappy-orange);background:#14345f}.admin-shell nav button.active svg,.admin-shell .brand span{color:var(--snappy-orange)}.admin-shell .sidebar-help{align-items:center}.admin-shell .sidebar-help svg{width:25px;height:25px;color:var(--snappy-cyan)}.admin-shell .account{align-items:center;display:flex}.admin-shell .account .avatar,.admin-shell .customer-avatar{background:linear-gradient(135deg,var(--snappy-blue),var(--snappy-cyan));color:#fff;place-items:center;line-height:1;display:grid}.admin-shell .stat{align-items:center}.admin-shell .stat-icon svg{width:24px;height:24px;font-size:24px}.admin-shell .stat-icon.blue{color:var(--snappy-blue);background:#eef0ff}.admin-shell .stat-icon.amber{color:var(--snappy-orange-deep);background:#fff1e2}.admin-shell .search{align-items:center;display:flex}.admin-shell .search svg,.admin-shell .filter>svg{color:#7b889b;width:18px;height:18px}.admin-shell .outline-button svg,.admin-shell .detail-actions button svg,.admin-shell .code-actions svg{width:17px;height:17px;margin:0;font-size:17px}.admin-shell .code-actions button,.admin-shell .detail-actions button{justify-content:center;gap:6px}.admin-shell .success-line span{align-items:center;gap:6px;display:inline-flex}.admin-shell .success-line svg{width:18px;height:18px;margin:0}.admin-shell .device svg{width:18px;height:18px;color:var(--snappy-blue)}.admin-shell .device span,.admin-shell .not-bound{text-align:left;display:inline-block}.admin-shell .status i,.admin-shell .health i{flex:none}.admin-shell .admin-chip>svg:first-child{color:#263f67;width:32px;height:32px}.admin-shell .admin-chip svg:last-child{color:#8490a0;width:16px;height:16px}.admin-shell .plan.pro{border-color:var(--snappy-orange);color:var(--snappy-orange-deep)}.admin-shell .primary-button{background:var(--snappy-orange);box-shadow:0 10px 22px #ff790030}.admin-shell .primary-button:hover{background:var(--snappy-orange-deep)}.admin-shell .primary-button svg{width:19px;height:19px}.admin-shell .plan-choice button.active.pro{background:var(--snappy-orange)}.admin-shell .one-device{align-items:flex-start}.admin-shell .one-device svg{width:22px;height:22px;color:var(--snappy-orange-deep)}.admin-shell .toast svg{width:18px;height:18px}.admin-shell .locked-input svg,.admin-shell .select-wrap svg{width:18px;height:18px;top:50%;transform:translateY(-50%)}.admin-shell .plan-choice button,.admin-shell .table-footer button,.admin-shell .primary-button{justify-content:center}.admin-shell .empty-row{display:table-cell}.admin-shell .menu-button{display:none}@media (width<=680px){.admin-shell .menu-button{display:grid}}.admin-shell .stat div span{white-space:nowrap}@media (width<=1180px){.admin-shell .stat div span{white-space:normal}}.admin-shell .customer-avatar{color:#1c3c68;letter-spacing:.02em;text-align:center;background:#eef4ff;border:1px solid #dde7f7;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.admin-shell .customer-avatar.large{border-radius:12px;width:40px;height:40px;font-size:13px}.admin-shell .account .avatar{background:var(--snappy-orange);color:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.admin-shell .stat-icon{border-radius:12px;justify-content:center;align-items:center;line-height:0;display:inline-flex}.admin-shell .stat-icon svg{margin:0;display:block}.admin-shell .stat{gap:14px}.admin-shell .stat b{letter-spacing:-.02em}.admin-shell .stat div span{color:#6b7789;font-size:11px}.admin-shell .stat-strip{padding:18px 24px}.admin-shell td{padding:14px 12px}.admin-shell .customer{gap:11px}.admin-shell .customer b{font-size:12px}.admin-shell .customer span{font-size:10px}.admin-shell .detail-person .customer-avatar.large{align-self:center}.admin-shell .icon-button svg{margin:0}.admin-shell .device{white-space:nowrap}.admin-shell .device span{font-weight:600}.admin-shell .admin-chip>svg:first-child{width:30px;height:30px;color:var(--snappy-orange)}.admin-shell .device-slots{gap:8px;margin:14px 0 4px;display:grid}.admin-shell .device-slot{background:#0f172a05;border:1px dashed #0f172a24;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-shell .device-slot.filled{background:#fff;border-style:solid;border-color:#0f172a1a}.admin-shell .device-slot>svg{color:var(--snappy-blue,#2563eb);opacity:.8;flex:none}.admin-shell .device-slot div{flex:1;min-width:0;display:grid}.admin-shell .device-slot b{font-size:13px}.admin-shell .device-slot span{color:#0f172a8c;font-size:12px}.admin-shell .device-slot .icon-button{flex:none}.admin-shell .toast.undo-toast{align-items:center;gap:10px;display:flex}.admin-shell .toast.undo-toast button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;margin-left:6px;padding:6px 12px;font-weight:600;display:inline-flex}.admin-shell .toast.undo-toast button:hover{background:#ffffff24}.admin-shell .detail-actions{flex-wrap:wrap}.code-cell{align-items:center;gap:4px;display:flex}.code-cell .code-text{cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;display:inline-flex}.code-cell .code-text:hover code{background:#e6effa;border-color:#c8d8ec}.code-cell .code-text:active code{transform:translateY(1px)}.code-cell code{letter-spacing:.03em;color:#16325c;white-space:nowrap;background:#f2f6fc;border:1px solid #e0e8f4;border-radius:7px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;transition:background .15s,border-color .15s,transform 50ms}.code-cell .icon-button{width:28px;height:28px}.code-cell .icon-button.copy{color:#1769cc;background:#eaf3ff}.code-cell .icon-button.copy:hover{color:#fff;background:#1769cc}.code-cell .icon-button svg{font-size:16px}.copy-code-button{border:1px solid var(--line);color:#1769cc;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;height:34px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.copy-code-button:hover{background:#eaf3ff;border-color:#1769cc}.copy-code-button:active{transform:translateY(1px)}.copy-code-button svg{font-size:16px}.brand{position:relative}.nav-collapse{display:none}.topbar-left{justify-self:start;align-items:center;gap:10px;display:flex}.collapse-button{border:1px solid var(--line);color:#56657c;background:#fff;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.collapse-button:hover{color:#1a68c7;background:#f7faff;border-color:#8dacd3}.admin-shell.nav-collapsed{grid-template-columns:76px minmax(0,1fr)}.admin-shell.nav-collapsed>aside{align-items:center;padding:22px 10px}.admin-shell.nav-collapsed .brand{justify-content:center;padding:0 0 20px}.admin-shell.nav-collapsed .brand div,.admin-shell.nav-collapsed nav button span,.admin-shell.nav-collapsed .sidebar-help div,.admin-shell.nav-collapsed .account div,.admin-shell.nav-collapsed .account>svg{display:none}.admin-shell.nav-collapsed nav{width:100%}.admin-shell.nav-collapsed nav button{justify-content:center;padding:0}.admin-shell.nav-collapsed .sidebar-help{justify-content:center;width:100%;padding:12px 0}.admin-shell.nav-collapsed .account{justify-content:center;width:100%;padding:16px 0 0}@media (width<=1080px){.collapse-button{display:none}}.activation-page{color:#10213c;background:radial-gradient(circle at 50% 0,#eaf4ff 0,#0000 38%),linear-gradient(155deg,#f8fbff,#fff8f2);place-items:center;min-height:100dvh;padding:20px 16px;display:grid}.activation-card{background:#fff;border:1px solid #dce4ef;border-radius:24px;width:min(100%,480px);padding:24px;box-shadow:0 28px 80px #071b3b1c}.activation-brand{color:#10213c;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 auto 12px;text-decoration:none;display:flex}.activation-brand img{object-fit:contain;width:48px;height:48px}.activation-brand b,.activation-brand small{display:block}.activation-brand b{font-size:16px}.activation-brand small{color:#eb650e;letter-spacing:.14em;margin-top:3px;font-size:9px;font-weight:800}.activation-heading,.activation-success{text-align:center}.activation-icon,.success-icon{color:#f06409;background:#fff1e7;border-radius:17px;place-items:center;width:50px;height:50px;margin:0 auto 10px;display:grid}.success-icon{color:#16945a;background:#e7f8ef}.activation-icon svg,.success-icon svg{font-size:28px}.activation-kicker{color:#f06409;letter-spacing:.14em;margin:0 0 6px;font-size:11px;font-weight:800}.activation-success .activation-kicker{color:#168a53}.activation-heading h1,.activation-success h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,7vw,40px)}.activation-heading>p:last-child,.activation-success>p:not(.activation-kicker){color:#68758a;max-width:360px;margin:8px auto 0;font-size:14px;line-height:1.6}.setup-note{color:#225885;background:#eff7ff;border:1px solid #bfdcfb;border-radius:12px;align-items:flex-start;gap:11px;margin:12px 0 0;padding:8px 10px;display:flex}.setup-note>svg{flex:none;margin-top:1px;font-size:21px}.setup-note b,.setup-note span{display:block}.setup-note b{color:#154a7d;margin-bottom:4px;font-size:12px}.setup-note span{font-size:11px;line-height:1.35}.activation-form{gap:13px;margin-top:14px;display:grid}.activation-form label>span{color:#273750;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.activation-form label>div{background:#fff;border:1px solid #ccd7e5;border-radius:11px;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.activation-form label>div:focus-within{border-color:#267fe9;box-shadow:0 0 0 3px #267fe919}.activation-form label svg{color:#738197;flex:none;font-size:20px}.activation-form input{color:#10213c;width:100%;height:48px;font:inherit;background:0 0;border:0;outline:0}.activation-primary{color:#fff;background:#f5650b;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;font-weight:800;transition:background .18s,transform .18s;display:flex;box-shadow:0 12px 25px #f5650b2d}.activation-primary:hover{background:#0b2447;transform:translateY(-1px)}.activation-primary:disabled{opacity:.65;cursor:wait;transform:none}.activation-error{color:#b4232a;background:#fff2f2;border:1px solid #f4c3c3;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.activation-trust{color:#58677b;text-align:left;border-top:1px solid #e4e9f1;justify-content:center;align-items:flex-start;gap:10px;margin-top:12px;padding-top:12px;display:flex}.activation-trust>svg{color:#1e79ef;flex:none;font-size:23px}.activation-trust b,.activation-trust small{display:block}.activation-trust b{color:#253750;font-size:12px}.activation-trust small{max-width:310px;margin-top:4px;font-size:11px;line-height:1.4}.activation-footer{color:#7b8798;border-top:1px solid #e4e9f1;justify-content:center;gap:6px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.activation-footer a{color:#176fd6;font-weight:700;text-decoration:none}.activation-footer a:hover{text-decoration:underline}.license-summary{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.license-summary>span{background:#f8fafe;border:1px solid #e0e6ef;border-radius:12px;min-width:0;padding:16px 12px}.license-summary svg{color:#1f7de8;margin:0 auto 8px;font-size:24px;display:block}.license-summary b,.license-summary small{overflow-wrap:anywhere;display:block}.license-summary b{font-size:12px}.license-summary small{color:#7c8898;margin-top:4px;font-size:10px}.activation-link{color:#176fd6;background:0 0;border:0;min-height:44px;margin-top:8px;font-weight:700}.activation-link:hover{text-decoration:underline}@media (width<=520px){.activation-page{background:#fff;place-items:stretch stretch;padding:0}.activation-card{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:24px 20px;display:flex}.activation-brand{margin-bottom:24px}.activation-brand img{width:52px;height:52px}.license-summary{grid-template-columns:1fr}.activation-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.activation-primary{transition:none}}
