:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#081220;color:#f4f7fd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:280px;background:radial-gradient(ellipse 68% 34% at 88% 0%,#173562 0%,transparent 75%),#081220;line-height:1.6}
a{color:#8dbaff;text-underline-offset:3px}a:hover{color:#c2dcff}
h1,h2,h3,p{overflow-wrap:break-word}
.site-shell{width:min(1160px,calc(100% - 48px));margin:0 auto}
.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #a9c5f01d}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#fff;text-decoration:none;line-height:1.2}
.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 8px 22px #0005}
.brand strong{display:block;font-size:17px;letter-spacing:-.03em}.brand small{display:block;margin-top:4px;color:#90a5c2;font-size:11px;font-weight:500;letter-spacing:.02em}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(15px,2vw,28px);flex-wrap:wrap}.site-nav a{color:#afc0d8;font-size:13px;font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current="page"]{color:#fff}
.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:56px 0 70px}.hero-copy{position:relative;z-index:1}
.eyebrow{margin:0 0 15px;color:#76aaff;font-size:11px;letter-spacing:.18em;font-weight:800}.eyebrow-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:#67d6d0;border-radius:50%;box-shadow:0 0 13px #67d6d0}
.hero h1{margin:0 0 23px;font-size:clamp(54px,6.2vw,89px);line-height:1.03;letter-spacing:-.072em;font-weight:800}.hero h1 em{font-style:normal;color:#82b2ff}.lead{max-width:520px;color:#b4c3d9;font-size:clamp(16px,1.5vw,19px);line-height:1.72;margin:0 0 31px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 20px;border-radius:13px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s ease,background .15s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:#4389ff;color:#fff;box-shadow:0 12px 35px #2365d948}.button-primary:hover{background:#6ca3ff;color:#fff}.button-secondary{border:1px solid #97b9ed42;background:#172940;color:#e6f1ff}.button-secondary:hover{background:#223955;color:#fff}.button-light{background:#f2f7ff;color:#15345f}.button-light:hover{background:#fff;color:#15345f}.hero-note{margin:19px 0 0;color:#7c91ae;font-size:12px}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px}.visual-glow{position:absolute;inset:12% 5%;border-radius:50%;background:radial-gradient(circle,#3168ce7a,transparent 68%);filter:blur(26px)}.editor-card{position:relative;width:min(370px,83%);transform:rotate(5deg);padding:12px;border:1px solid #8dbfff5e;border-radius:31px;background:#101f36;box-shadow:0 33px 80px #0009,0 0 0 8px #edf6ff08}.editor-top{display:flex;align-items:center;gap:9px;padding:7px 8px 15px;color:#d5e5fa;font-size:12px;font-weight:700}.editor-logo{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#498dff;color:#fff}.editor-dots{margin-left:auto;color:#7793b8;letter-spacing:2px}
.editor-preview{position:relative;height:265px;overflow:hidden;border-radius:21px;background:linear-gradient(160deg,#112547 0%,#214c81 50%,#809fba 100%)}.editor-preview:after{content:"";position:absolute;width:430px;height:280px;left:-50px;bottom:-215px;border-radius:50%;background:#0b1b30;box-shadow:0 -18px 36px #bfd8ff44}.preview-orb{position:absolute;width:175px;height:175px;right:-15px;top:21px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c4e4ff,#6996cf 55%,#224976);box-shadow:0 0 55px #a2cefa73}.preview-clock{position:absolute;z-index:1;top:39px;left:27px;color:#fff;font-size:42px;letter-spacing:-.08em;font-weight:200}.preview-line{position:absolute;top:90px;left:29px;width:75px;height:5px;border-radius:10px;background:#cce1fb80}.preview-icons{position:absolute;z-index:2;left:26px;right:26px;bottom:20px;display:flex;justify-content:space-between}.preview-icons span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b8d5f97c;border-radius:13px;background:#e8f2fd2c;color:#fff;font-size:22px}.editor-tabs{display:flex;justify-content:space-between;padding:17px 12px;color:#9bb6d7;font-size:11px;font-weight:700}.editor-tabs span:first-child{color:#fff}.editor-swatches{display:flex;align-items:center;gap:8px;padding:10px 11px 13px;border-radius:14px;background:#1c3150}.editor-swatches i{width:21px;height:21px;border-radius:50%;background:#508de2}.editor-swatches i:nth-child(2){background:#a4d0eb}.editor-swatches i:nth-child(3){background:#e8d8ba}.editor-swatches i:nth-child(4){background:#203958;border:1px solid #8aa8c8}.editor-swatches span{margin-left:auto;color:#8ca6c7;font-size:9px}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #8ab8ee4a;border-radius:14px;background:#182d49;color:#e6f2ff;font-size:12px;font-weight:700;box-shadow:0 14px 33px #0008}.float-chip span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#3b7add}.chip-import{top:67px;left:0;transform:rotate(-7deg)}.chip-export{bottom:56px;right:-2px;transform:rotate(-5deg)}.chip-export span{background:#2f9d93}
.section{padding:90px 0;border-top:1px solid #a9c5f01d}.section h2,.themehub-panel h2{margin:0;color:#f4f7fd;font-size:clamp(31px,3.5vw,48px);line-height:1.13;letter-spacing:-.05em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.step,.feature-card{border:1px solid #9ebde92c;border-radius:21px;background:#101f33;padding:26px}.step{min-height:226px}.step>b{color:#6c96ca;font-size:12px;letter-spacing:.12em}.step-icon{display:grid;place-items:center;width:37px;height:37px;margin:22px 0 14px;border-radius:11px;background:#1d3e6d;color:#b7dcff;font-size:23px}.step h3,.feature-card h3{margin:0 0 6px;font-size:18px;letter-spacing:-.025em}.step p,.feature-card p,.section-heading>p{margin:0;color:#a7bad3;font-size:14px;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading>p{max-width:300px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.feature-card{min-height:210px}.feature-symbol{display:grid;place-items:center;width:42px;height:42px;margin-bottom:25px;border-radius:13px;background:#173a69;color:#9eccff;font-size:24px}
.themehub-panel{position:relative;display:flex;align-items:center;min-height:330px;overflow:hidden;margin:22px 0 100px;padding:48px;border:1px solid #598bea59;border-radius:28px;background:linear-gradient(115deg,#173763,#234f93 65%,#3566aa)}.themehub-panel>div:first-child{position:relative;z-index:1;max-width:600px}.themehub-panel p:not(.eyebrow){color:#d7e7ff;max-width:500px;margin:18px 0 24px}.themehub-art{position:absolute;inset:0 0 0 auto;width:42%}.art-card{position:absolute;width:150px;height:225px;border:7px solid #ffffff26;border-radius:26px;box-shadow:0 18px 36px #06224190}.art-one{right:160px;top:60px;transform:rotate(-17deg);background:linear-gradient(155deg,#b9e2ee,#296aab 50%,#0c2852)}.art-two{right:72px;top:30px;transform:rotate(9deg);background:linear-gradient(145deg,#f2d9cd,#b67b9f 51%,#4e4779)}.art-three{right:-56px;top:115px;transform:rotate(23deg);background:linear-gradient(145deg,#ddedc7,#81aa8d 51%,#286052)}
.site-footer{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:28px;padding:34px 0 45px;border-top:1px solid #a9c5f02b}.footer-brand strong{display:block;font-size:16px}.footer-brand span{display:block;margin-top:5px;color:#8499b7;font-size:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 22px}.site-footer nav a{color:#a9bdd7;font-size:12px;text-decoration:none}.site-footer>p{width:100%;margin:0;color:#6e85a5;font-size:11px}
.legal-main{max-width:960px;margin:0 auto;padding:54px 0 92px}.legal-kicker{margin:0 0 22px;color:#8bacd8;font-size:12px;font-weight:700}.legal-kicker a{text-decoration:none}.sheet{border:1px solid #a9c5f030;border-radius:26px;padding:clamp(26px,5vw,60px);background:#0f2036;box-shadow:0 24px 70px #0004}.sheet h1{margin:0 0 10px;font-size:clamp(34px,5vw,52px);line-height:1.1;letter-spacing:-.05em}.sheet h2{margin:36px 0 10px;font-size:21px;line-height:1.3;letter-spacing:-.025em}.sheet p,.sheet li{color:#b7c7dc;font-size:15px;line-height:1.8}.sheet p{margin:0 0 16px}.sheet ul,.sheet ol{padding-left:23px}.sheet li{padding-left:3px;margin:7px 0}.sheet strong{color:#e4eefc}.sheet .meta{margin-bottom:30px;color:#7f97b8;font-size:13px}.sheet .links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:42px;padding-top:24px;border-top:1px solid #a9c5f026}.sheet .links a{font-size:13px;font-weight:700;text-decoration:none}.delete-request{display:inline-flex;align-items:center;min-height:46px;padding:9px 18px;border-radius:12px;background:#4389ff;color:#fff!important;font-weight:700;text-decoration:none}.delete-request:hover{background:#6aa3ff}.sheet a{overflow-wrap:anywhere}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0;padding-top:64px}.hero-visual{min-height:470px}.chip-import{left:7%}.chip-export{right:6%}.feature-grid{grid-template-columns:repeat(2,1fr)}.themehub-art{opacity:.42}.themehub-panel>div:first-child{max-width:620px}}
@media(max-width:600px){.site-shell{width:min(100% - 28px,520px)}.site-header{align-items:flex-start;flex-direction:column;gap:14px;padding:17px 0}.site-nav{width:100%;justify-content:flex-start;gap:10px 17px}.site-nav a{font-size:12px}.hero{min-height:0;padding:54px 0 38px}.hero h1{font-size:clamp(50px,12vw,69px)}.hero-visual{min-height:400px;margin-top:20px}.editor-card{width:min(330px,80%)}.editor-preview{height:230px}.float-chip{font-size:11px}.chip-import{left:0;top:44px}.chip-export{right:0;bottom:35px}.section{padding:70px 0}.steps,.feature-grid{grid-template-columns:1fr}.step,.feature-card{min-height:0}.section-heading{display:block}.section-heading>p{margin-top:17px}.themehub-panel{margin:0 0 72px;padding:32px 25px;min-height:320px}.themehub-art{opacity:.18;width:70%}.legal-main{padding:30px 0 65px}.sheet{border-radius:20px;padding:26px 21px}.sheet h2{margin-top:30px}.sheet p,.sheet li{font-size:14px}.site-footer{gap:22px}.site-footer nav{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}