:root{--bg:#060c21;--navy:#081331;--navy2:#0e1c43;--text:#f8faff;--muted:#b8c3e1;--blue:#0066ff;--cyan:#00d4ff;--magenta:#c23bff;--paper:#f6f8ff;--ink:#081332;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}img{max-width:100%}section[id]{scroll-margin-top:86px}.container{width:min(calc(100% - 64px),var(--container));margin:auto}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(100px);border-radius:50%}.ambient-one{width:520px;height:520px;top:0;right:-140px;background:#31208180}.ambient-two{width:440px;height:440px;top:480px;left:-180px;background:#0059ca65}.site-header{height:83px;position:sticky;top:0;z-index:100;background:#070e25d9;backdrop-filter:blur(26px);border-bottom:1px solid #9bbcff1a}.navbar{height:100%;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{width:177px;display:flex;align-items:center}.brand img{width:100%;height:auto;max-height:58px;object-fit:contain}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a,.text-link{font-size:13px;font-weight:600;color:#d8e1fc;transition:color .2s}.nav-links a:hover,.text-link:hover{color:#27dcff}.nav-actions{display:flex;align-items:center;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 22px;border-radius:13px;font-weight:800;font-size:14px;min-height:51px;transition:transform .2s,filter .2s,box-shadow .2s;white-space:nowrap;border:1px solid transparent}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.button-primary{background:linear-gradient(115deg,#00d4ff 0%,#0066ff 46%,#c23bff 100%);box-shadow:0 8px 32px #0066ff50,0 4px 30px #b12cff30;color:white}.button-secondary{border-color:#8eb4ef76;background:#0f204a88;color:white}.button-small{min-height:40px;padding:11px 16px;font-size:12px}.menu-toggle,.mobile-links{display:none}.hero{min-height:680px;padding:105px 0 86px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#101e5a 0%,#07122b 49%,#060c21 85%)}.hero:before{content:"";position:absolute;top:-460px;right:-100px;width:980px;height:980px;border-radius:50%;border:1px solid #317bff55;box-shadow:inset 0 0 130px #0a46d033;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-520px;left:-130px;width:1150px;height:650px;border-radius:50%;border:1px solid #a337ff70;transform:rotate(-13deg);pointer-events:none}.hero-grid{display:grid;grid-template-columns:46% 54%;gap:20px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:11px;letter-spacing:.18em;font-weight:800;font-size:10px;color:#e0e9ff;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Montserrat,Inter,sans-serif}h1{font-size:clamp(43px,4.55vw,69px);line-height:1.09;letter-spacing:-.052em;margin:25px 0 24px;font-weight:900;max-width:650px}h2{font-size:clamp(31px,3.5vw,48px);line-height:1.16;letter-spacing:-.045em;font-weight:850}.gradient-text{background:linear-gradient(105deg,#05ddf9 0%,#1378ff 43%,#ed3fea 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.ink-gradient{background:linear-gradient(100deg,#0066ff 10%,#7536ff 60%,#c23bff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.8;color:#b7c5e4;max-width:515px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0}.trust-row{display:flex;gap:19px;flex-wrap:wrap;margin-top:26px;font-size:11px;color:#b7c8e4}.trust-row span:first-letter{color:#00d4ff}.hero-visual{position:relative;padding:28px 0 35px 20px;perspective:900px}.hero-dashboard{width:100%;height:420px;border:1px solid #73d5ff;box-shadow:0 0 8px #00d4ff,0 0 44px #2362f080,24px 32px 80px #000b;position:relative;z-index:2;display:flex;border-radius:20px;background:linear-gradient(120deg,#111d4c,#09132e 75%);overflow:hidden;transform:rotateY(-8deg) rotateX(3deg)}.hero-dashboard:after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 1px #ffffff4d;pointer-events:none}.mock-sidebar{width:30%;min-width:145px;background:#0b1535;padding:26px 11px;display:flex;flex-direction:column;gap:11px;border-right:1px solid #a1baff22}.mock-logo{width:44px;height:44px;object-fit:contain;margin-bottom:24px}.mock-menu{font-size:10px;font-weight:600;padding:11px 8px;color:#8fa4d2;border-radius:8px;white-space:nowrap}.mock-menu.active{color:white;background:linear-gradient(90deg,#0066ff,#4a1fe6)}.mock-main{padding:25px 18px;flex:1;min-width:0}.mock-top{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:800}.mock-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1378ff,#a535ff);font-size:12px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:21px}.mock-stats>div{border:1px solid #4b80dd4d;border-radius:8px;background:#11224d;padding:11px 10px;display:flex;flex-direction:column;gap:7px;min-width:0}.mock-stats small{font-size:9px;color:#bac9e8}.mock-stats strong{font-size:13px}.mock-stats em{font-size:8px;color:#55eacb;font-style:normal}.mock-chart{margin-top:13px;background:#0a1738;border:1px solid #3a6ccc55;border-radius:11px;padding:12px;height:166px}.mock-chart-heading{font-size:10px;color:#ccdafa}.mock-chart svg{width:100%;height:115px}.mock-banner{margin-top:10px;display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#09397388,#4a1a9180);border:1px solid #8e5dff60;padding:13px;border-radius:11px}.mock-banner>span{font-size:24px;color:#d7a3ff}.mock-banner b,.mock-banner small{display:block}.mock-banner b{font-size:12px}.mock-banner small{font-size:9px;color:#bfcdef;margin-top:4px}.hero-glow{height:90px;width:80%;position:absolute;z-index:1;bottom:-20px;left:10%;border:2px solid #bb2af5;border-radius:50%;filter:blur(6px);box-shadow:0 0 50px #0066ff}.orbit{position:absolute;border:1px solid #8e46ff90;border-radius:50%;transform:rotate(-18deg);pointer-events:none}.orbit-a{width:580px;height:150px;bottom:0;left:20px}.orbit-b{width:490px;height:125px;bottom:9px;left:50px;border-color:#00d4ff}.marquee{background:linear-gradient(100deg,#0c2356,#35105e,#102c62);border-block:1px solid #976fff40;padding:20px 0;overflow:hidden}.marquee-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;white-space:nowrap}.marquee span{font-size:11px;letter-spacing:.15em;font-weight:800}.marquee i{font-style:normal;color:#66e0ff}.section{padding:110px 0}.section-light{background:var(--paper);color:var(--ink)}.section-heading{max-width:750px;margin-bottom:55px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading h2{margin:14px 0 15px}.section-heading p{color:#596784;font-size:15px;line-height:1.75;max-width:650px;margin:0 auto}.kicker{font-size:11px;font-weight:900;letter-spacing:.2em;color:#6139ef;text-transform:uppercase}.kicker.light{color:#7fd9ff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{background:white;border:1px solid #dfe6fa;border-radius:20px;padding:30px;min-height:252px;box-shadow:0 10px 40px #07194c0a;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #18378320}.feature-icon,.plan-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#e8fbff,#eee3ff);color:#6236ed;font-size:28px;margin-bottom:17px}.feature-card h3{font-size:18px;letter-spacing:-.03em;margin-bottom:10px}.feature-card p{font-size:13px;line-height:1.7;color:#627089;min-height:68px}.feature-card a{font-size:12px;font-weight:800;color:#265bf1}.feature-card a span{padding-left:5px}.dark-section{background:radial-gradient(ellipse at 90% 25%,#16346a,#070e24 65%);position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;right:-180px;bottom:-370px;width:750px;height:550px;border:1px solid #1378ff55;border-radius:50%;transform:rotate(-25deg)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-copy h2{margin:16px 0 22px}.section-copy p{font-size:15px;line-height:1.8;color:#aebee0}.section-light .section-copy p{color:#5a6b87}.check-list{padding:0;margin:28px 0 0;list-style:none;display:grid;gap:16px}.check-list li{position:relative;padding-left:28px;font-size:13px;line-height:1.5;color:#d3e0fc}.check-list li:before{content:"✓";position:absolute;left:0;top:-1px;color:#29dcff;font-weight:900}.dark-check li{color:#364869}.fine-print{font-size:11px!important;color:#7e91bc!important;margin-top:24px}.mail-illustration{position:relative;padding:20px 0}.mail-window{border-radius:21px;background:#0e1c43;border:1px solid #5789e2;box-shadow:0 0 50px #0066ff55;overflow:hidden;min-height:440px;transform:rotate(1.8deg)}.window-bar{height:55px;border-bottom:1px solid #6988cd55;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#99add7}.window-bar>b{color:white;font-size:15px}.window-bar span:first-child{color:#a044f9;letter-spacing:4px}.mail-layout{display:flex;min-height:380px}.mail-folders{width:31%;background:#0d1633;border-right:1px solid #588be44d;padding:21px 12px;display:flex;flex-direction:column;gap:18px;font-size:11px;color:#9db2d8}.mail-folders b{background:#1e3573;color:white;padding:12px;border-radius:8px}.mail-folders span{padding:0 10px}.mail-items{flex:1;padding:12px;min-width:0}.mail-item{display:flex;gap:10px;align-items:center;padding:12px 8px;border-bottom:1px solid #6c90db28}.mail-item.selected{background:#172b60;border-radius:7px}.sender-mark{flex:none;width:32px;height:32px;background:#0c76e8;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px}.sender-mark.purple{background:#752fda}.sender-mark.cyan{background:#009cce}.mail-item>div{min-width:0;flex:1}.mail-item strong,.mail-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item strong{font-size:10px;margin-bottom:4px}.mail-item small,.mail-item time{font-size:9px;color:#8da5d4}.mail-preview{padding:18px 12px}.tiny-tag{font-size:8px;color:#70cbff;letter-spacing:.1em}.mail-preview h4{font-size:15px;margin:9px 0}.mail-preview p{font-size:10px;color:#8fa7d7;line-height:1.6}.preview-actions{display:inline-block;font-size:10px;padding:10px;background:linear-gradient(120deg,#1378ff,#922bff);border-radius:7px}.ai-split{grid-template-columns:.9fr 1.1fr}.ai-art{min-height:470px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.ai-art:before{content:"";position:absolute;inset:30px;background:radial-gradient(ellipse,#4e2bfe40 0%,#0066ff18 35%,transparent 70%);border-radius:50%;z-index:-1}.ai-sphere{width:260px;height:260px;border-radius:50%;background:linear-gradient(140deg,#0cf6ff,#0958ff 45%,#a42fff 82%,#ee36d1);box-shadow:0 0 100px #4d41fe6b,inset 20px 18px 30px #ffffff55,inset -20px -30px 30px #17086699;display:grid;place-items:center;font-size:115px;color:#fff;text-shadow:0 0 25px #fff;transform:rotate(-12deg)}.ai-orbit{position:absolute;width:460px;height:190px;border:2px solid #7a51ff88;border-radius:50%;transform:rotate(-30deg);z-index:-1}.ai-chip{position:absolute;padding:15px 19px;background:white;border:1px solid #e1e2fa;border-radius:12px;box-shadow:0 12px 38px #142b7533;font-size:12px;font-weight:800}.ai-chip-one{top:18px;left:12px}.ai-chip-two{right:0;top:135px}.ai-chip-three{bottom:20px;left:25px}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.mini-features>div{border-top:1px solid #d7dff3;padding-top:15px;display:flex;flex-direction:column;gap:8px}.mini-features b{font-size:13px}.mini-features span{font-size:12px;line-height:1.6;color:#6a7896}.roadmap-label{display:inline-flex;margin-top:27px;font-size:11px;font-weight:800;color:#6738df;background:#eae5ff;padding:9px 13px;border-radius:20px}.alt-dark{background:radial-gradient(ellipse at 60% 40%,#1a164c,#070c21 70%)}.flow-art{max-width:440px;margin:0 auto;position:relative;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow-node{width:325px;min-height:76px;background:#12264f;border:1px solid #5274c680;border-radius:13px;display:flex;gap:15px;align-items:center;padding:15px 19px;box-shadow:0 8px 25px #0003}.flow-node.highlight{border-color:#bf4aff;background:linear-gradient(90deg,#112a58,#28155f);box-shadow:0 0 22px #9739ed55}.flow-node>span{font-size:26px;color:#13cfff}.flow-node div{display:flex;flex-direction:column;gap:5px}.flow-node b{font-size:12px}.flow-node small{font-size:10px;color:#a5b9d8}.flow-line{height:30px;width:2px;background:linear-gradient(#00d4ff,#b43eff)}.editor-art{background:#0e1a3a;border:1px solid #3b70e7;border-radius:20px;box-shadow:0 20px 70px #0b44de40;min-height:410px;overflow:hidden}.editor-top{display:flex;justify-content:space-between;align-items:center;background:#0b1732;padding:15px 20px;font-size:10px;color:#d2a8ff}.editor-top strong{color:white;font-size:12px}.editor-top span{background:#2545a8;padding:7px 10px;border-radius:6px;color:white}.editor-content{display:flex;padding:14px;gap:14px}.blocks{width:27%;border-radius:8px;background:#132653;padding:15px 9px;display:flex;flex-direction:column;gap:12px;font-size:11px;color:#aec3ea}.blocks b{color:white;margin-bottom:7px}.blocks div{padding:9px;border:1px solid #6486e939;border-radius:6px}.email-canvas{flex:1;min-width:0;background:#fff;color:#0c1e40;border-radius:9px;text-align:center;padding:22px 16px;display:flex;flex-direction:column;align-items:center}.email-canvas>img{width:140px;max-height:56px;object-fit:contain}.email-card-art{height:100px;width:100%;margin-top:24px;background:radial-gradient(circle at 66% 50%,#ce35ff82,transparent 47%),linear-gradient(125deg,#004dff,#00d4ff 45%,#ab25ff);border-radius:10px;clip-path:polygon(0 23%,32% 0,70% 26%,100% 10%,100% 100%,0 100%)}.email-canvas h4{font-size:17px;margin:22px 0 4px}.email-canvas p{font-size:10px;color:#52627f}.canvas-button{background:linear-gradient(90deg,#0066ff,#ad35ff);padding:11px 15px;border-radius:6px;color:white;font-weight:800;font-size:10px}.feature-strip{background:linear-gradient(160deg,#f6f8ff,#e9efff);color:var(--ink)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps-grid>div{padding:29px 22px;border:1px solid #d5def7;background:white;border-radius:17px;min-height:202px}.step-num{color:#6f40f3;font-size:12px;font-weight:900;letter-spacing:.14em}.steps-grid h3{font-size:15px;letter-spacing:-.02em;margin:15px 0 9px}.steps-grid p{font-size:12px;line-height:1.7;color:#65718d}.disclosure{font-size:11px;max-width:920px;margin:28px auto 0;line-height:1.7;text-align:center;color:#75819a}.pricing-section{padding-top:106px}.billing-switch{display:flex;background:#e4eaff;padding:5px;border-radius:12px;max-width:max-content;margin:0 auto 35px;gap:4px}.billing{border:0;background:transparent;padding:12px 19px;font-size:12px;font-weight:800;border-radius:9px;color:#66718f;cursor:pointer}.billing.active{background:#fff;color:#103678;box-shadow:0 3px 12px #1f347f19}.billing span{color:#9543e4}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.price-card{position:relative;background:white;border:1px solid #dbe2f4;border-radius:20px;padding:31px 28px 27px;display:flex;flex-direction:column;box-shadow:0 15px 38px #141e470a}.price-card.featured{border-color:#a54cff;box-shadow:0 0 0 2px #b55bff33,0 17px 54px #6430de25;transform:translateY(-6px)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(100deg,#0066ff,#c23bff);color:white;font-size:9px;font-weight:900;padding:10px 17px;border-radius:20px}.price-card h3{font-size:21px;margin-bottom:8px}.price-card>p{font-size:12px;line-height:1.6;color:#6b7892;min-height:40px}.price-line{display:flex;gap:7px;align-items:baseline;margin-top:15px}.price-line b{font-family:Montserrat,sans-serif;font-size:clamp(23px,2.4vw,31px);letter-spacing:-.04em}.price-line span{font-size:12px;color:#697894}.plan-note{color:#8a95b0;font-size:11px;margin:9px 0 18px}.price-card ul{padding:23px 0 23px;margin:0;list-style:none;border-top:1px solid #e6eaf4;display:grid;gap:15px;flex:1}.price-card li{font-size:12px;line-height:1.5;color:#475876;padding-left:23px;position:relative}.price-card li:before{content:"✓";position:absolute;left:0;color:#0066ff;font-weight:900}.price-button{border:1px solid #5678d3;color:#134194;background:#f1f5ff}.faq-section{background:#080e25}.narrow{max-width:800px}.faq-section .section-heading p{color:#b8c5e4}.faq-list{display:grid;gap:12px}.faq-list details{background:#101b39;border:1px solid #3c55905e;border-radius:14px;padding:19px 24px}.faq-list summary{font-size:14px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:22px;color:#29caff}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:13px;line-height:1.8;color:#a8badb;padding-top:17px;margin:0}.final-cta{padding:70px 0;background:linear-gradient(140deg,#050b1e,#101a46)}.cta-panel{background:radial-gradient(ellipse at 90% 80%,#54199c70,transparent 45%),linear-gradient(105deg,#0a3163,#0e1b45 55%,#221657);border:1px solid #488df4;border-radius:24px;box-shadow:0 0 45px #084bea65;padding:40px;display:flex;align-items:center;gap:28px}.cta-logo{width:105px;height:105px;object-fit:contain;flex:none}.cta-panel>div{flex:1}.cta-panel h2{font-size:clamp(25px,3vw,39px);margin:11px 0}.cta-panel p{font-size:13px;color:#c0d1f2;margin:0}.footer{padding:60px 0 24px;background:#050919;border-top:1px solid #25457e66}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:35px}.footer-brand img{width:200px;height:75px;object-fit:contain;object-position:left}.footer-brand p{font-size:12px;color:#9aadd3;line-height:1.8;max-width:260px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:14px}.footer-grid b{font-size:12px;margin:11px 0}.footer-grid a,.footer-grid span{font-size:12px;color:#a3b4d9;transition:color .2s}.footer-grid a:hover{color:#00d4ff}.footer-bottom{border-top:1px solid #30406b;margin-top:50px;padding-top:23px;color:#8294b7;display:flex;justify-content:space-between;font-size:11px;gap:20px}@media(max-width:1050px){.nav-links{gap:14px}.nav-links a{font-size:11px}.nav-actions .text-link{display:none}.hero-dashboard{height:395px}.mock-sidebar{min-width:120px}.hero-grid{grid-template-columns:48% 52%}.hero-visual{padding-left:0}.split-grid{gap:35px}}@media(max-width:800px){.container{width:min(calc(100% - 36px),var(--container))}.site-header{height:72px}.brand{width:157px}.nav-links,.nav-actions{display:none}.menu-toggle{display:block;border:1px solid #6f92d266;background:#0b1b40;color:white;border-radius:8px;width:43px;height:39px;cursor:pointer}.mobile-links.open{display:flex}.mobile-links{position:absolute;top:72px;left:0;right:0;background:#070e25;flex-direction:column;padding:18px 26px;border-bottom:1px solid #315493}.mobile-links a{padding:12px;font-weight:700;font-size:14px}.hero{padding:75px 0 68px}.hero-grid,.split-grid,.ai-split{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,8vw,58px)}.hero-visual{max-width:620px;margin:auto;padding:25px 10px 30px}.hero-dashboard{transform:none}.section{padding:75px 0}.section-heading{margin-bottom:35px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:auto}.price-card.featured{transform:none}.split-grid>.section-copy{order:0}.mail-illustration,.ai-art,.flow-art,.editor-art{order:1}.cta-panel{flex-wrap:wrap}.cta-panel .button{width:100%}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.container{width:min(calc(100% - 30px),var(--container))}.hero{padding-top:60px}.hero-grid{gap:10px}.hero h1{font-size:39px}.hero .lead{font-size:14px}.hero-actions .button{width:100%}.trust-row{gap:8px 16px}.hero-dashboard{height:320px}.mock-sidebar{min-width:95px;width:30%;padding:17px 5px}.mock-menu{font-size:8px;padding:7px 4px}.mock-logo{height:34px;width:34px;margin-bottom:10px}.mock-main{padding:17px 10px}.mock-top{font-size:12px}.mock-stats{gap:5px;margin-top:14px}.mock-stats>div{padding:7px 5px}.mock-stats small{font-size:7px}.mock-stats strong{font-size:9px}.mock-stats em{font-size:6px}.mock-chart{height:125px;padding:8px}.mock-chart svg{height:90px}.mock-chart-heading{font-size:8px}.mock-banner{padding:8px}.mock-banner b{font-size:8px}.mock-banner small{font-size:7px}.marquee-inner{width:780px;gap:15px}.marquee span{font-size:9px}.section{padding:65px 0}.section-heading h2,.section-copy h2{font-size:32px}.section-heading p,.section-copy p{font-size:13px}.feature-grid,.steps-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-card p{min-height:0}.mini-features{grid-template-columns:1fr}.ai-art{min-height:390px}.ai-sphere{height:220px;width:220px;font-size:90px}.ai-orbit{width:350px}.ai-chip{padding:10px;font-size:9px}.ai-chip-one{top:10px}.ai-chip-two{top:105px}.ai-chip-three{bottom:22px}.mail-window{min-height:355px}.mail-folders{width:29%;padding:10px 4px;gap:14px;font-size:9px}.mail-folders b{padding:8px 4px}.mail-folders span{padding-left:5px}.mail-item{padding:10px 4px;gap:5px}.sender-mark{width:22px;height:22px;font-size:10px}.mail-item strong,.mail-item small{font-size:8px}.mail-item time{font-size:7px}.mail-preview{padding:10px 4px}.mail-preview h4{font-size:11px}.mail-preview p{font-size:9px}.editor-content{padding:8px;gap:7px}.blocks{width:28%;padding:10px 5px;font-size:9px}.email-canvas{padding:12px 8px}.email-canvas>img{width:100px}.email-canvas h4{font-size:12px}.cta-panel{padding:27px}.cta-logo{width:65px;height:65px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.faq-list details{padding:18px}.faq-list summary{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Júlia Mail Studio — premium first-fold refinement | 2026-11-02 */
html,body{max-width:100%;overflow-x:clip}
.site-header{height:76px;background:#060b1cf5;box-shadow:0 8px 40px #0002}
.navbar{gap:24px}
.brand{width:154px}
.nav-links a{font-weight:700}
.hero{height:auto;min-height:625px;padding:48px 0 44px;display:flex;align-items:center;background:radial-gradient(ellipse at 68% 48%,#1d145f55 0,transparent 47%),radial-gradient(ellipse at 90% 100%,#39118f66 0,transparent 50%),linear-gradient(115deg,#070b20,#0b1130 65%,#0a1535)}
.hero:before{top:-560px;right:-40px;border-color:#3662e755;box-shadow:inset 0 0 95px #2743a62c}
.hero:after{bottom:-575px;left:-90px;border-color:#704dff7c}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:58px;align-items:center}
.hero-copy{position:relative;z-index:4;max-width:550px}
.hero .eyebrow{font-size:10px;letter-spacing:.12em;color:#deeaff}
.hero h1{font-size:clamp(36px,3.35vw,55px);line-height:1.10;letter-spacing:-.055em;margin:17px 0 19px;font-weight:900;max-width:575px;text-wrap:balance}
.hero .lead{font-size:14px;line-height:1.68;max-width:495px;color:#c3cfec}
.hero-actions{margin:22px 0 20px;gap:10px}
.hero-actions .button{min-height:45px;padding:12px 18px;font-size:12px;box-shadow:0 6px 24px #0066ff40}
.trust-row{margin-top:18px;gap:15px;font-size:10px;color:#d4e0fa}
.hero-visual{padding:8px 15px 23px 0;transform:translateY(8px);z-index:2}
.hero-dashboard{height:360px;border:1.5px solid #8c76ff;transform:perspective(1100px) rotateY(-9deg) rotateX(3deg) rotateZ(-1deg);border-radius:16px;background:linear-gradient(130deg,#101b46,#07122c 76%);box-shadow:0 0 0 1px #25ddff55,0 0 26px #6f38ff90,0 0 75px #065cff4a,24px 35px 75px #000b}
.hero-dashboard:before{content:"";position:absolute;z-index:5;inset:-3px;border-radius:18px;pointer-events:none;border-top:2px solid #d9abff88;border-bottom:2px solid #00d4ff33;box-shadow:0 -4px 16px #b54dff44}
.mock-sidebar{min-width:125px;width:27%;padding:19px 10px}
.mock-logo{width:36px;height:36px;margin-bottom:12px}
.mock-menu{padding:9px 7px;font-size:9px}
.mock-main{padding:18px 16px}
.mock-top{font-size:14px}
.mock-stats{margin-top:16px}
.mock-stats strong{font-size:12px}
.mock-chart{height:140px;margin-top:10px}
.mock-chart svg{height:100px}
.mock-banner{margin-top:9px;padding:9px}
.hero-glow{bottom:-16px;left:4%;width:91%;height:75px;box-shadow:0 0 45px #754cff80}
.orbit-a{width:540px;height:140px;left:0;bottom:-5px}
.orbit-b{width:490px;height:130px;left:7px;bottom:-4px}
.hero-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.hero-showcase span{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 8px;border:1px solid #826cff58;background:linear-gradient(125deg,#15214fcc,#251650bf);box-shadow:inset 0 1px #ffffff0d,0 5px 18px #0002;border-radius:13px;font-weight:700;font-size:11px;text-align:center;color:#e6ecff}
.hero-showcase strong{font-size:17px;color:#26cfff}
.marquee{padding:14px 0;background:linear-gradient(95deg,#102a75,#3b127a,#123c87)}
/* tighten secondary sections for a more deliberate editorial rhythm */
.section{padding-block:82px}
.feature-card{background:linear-gradient(145deg,#fff,#f8faff);border-color:#dce2f8;box-shadow:0 8px 25px #111e4d0a}
.feature-card:hover{border-color:#a4abff;box-shadow:0 16px 45px #4755b02b}
.feature-icon{box-shadow:inset 0 0 0 1px #6a5cff1a}
.section-light{background:radial-gradient(ellipse at 85% 20%,#eae5ff 0%,transparent 44%),#f7f9ff}
.feature-strip{background:linear-gradient(160deg,#f8f9ff,#eef1ff)}
.cta-panel{box-shadow:0 0 30px #0a4ad755, inset 0 1px #ffffff22}
/* responsive composition: no cropped headline, CTA or screenshot */
@media(max-width:1100px){.hero-grid{gap:24px}.hero h1{font-size:clamp(34px,4.15vw,48px)}.hero-dashboard{height:335px}.mock-sidebar{min-width:103px}.hero-showcase{gap:7px}.hero-showcase span{font-size:10px}}
@media(max-width:800px){.hero{min-height:0;padding:46px 0 48px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(37px,6.3vw,56px)}.hero-visual{width:100%;max-width:620px;margin:0 auto;padding:15px 14px 25px;transform:none}.hero-dashboard{height:350px;transform:none}.hero-showcase{max-width:680px;grid-template-columns:repeat(2,1fr)}.hero-actions{margin:22px 0}.hero .lead{font-size:14px}}
@media(max-width:520px){.hero{padding:37px 0 42px}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero h1{font-size:clamp(32px,8.6vw,43px);line-height:1.12;margin:16px 0}.hero .lead{font-size:13px;line-height:1.55}.hero-actions .button{width:100%;justify-content:center}.hero-showcase span{font-size:10px}.hero-dashboard{height:310px}.mock-sidebar{min-width:95px}.mock-main{padding:14px 9px}.mock-chart{height:117px}.mock-chart svg{height:78px}.marquee{padding:14px 0}}
.hero{flex-direction:column;justify-content:center}.hero-showcase{position:relative;z-index:4}.hero-grid{width:min(calc(100% - 64px),1200px)}@media(max-width:800px){.hero-grid{width:min(calc(100% - 36px),1200px)}}@media(max-width:540px){.hero-grid{width:min(calc(100% - 30px),1200px)}}
html,body{overflow-x:hidden}.ambient-one{right:0}.ambient-two{left:0}.hero-showcase{width:min(calc(100% - 64px),1200px)}@media(max-width:800px){.hero-showcase{width:min(calc(100% - 36px),1200px)}}@media(max-width:540px){.hero-showcase{width:min(calc(100% - 30px),1200px)}}


/* Premium iconography, typography and five-tier price layout */
.premium-icon{display:block;width:24px;height:24px;flex:none;stroke:currentColor;fill:none;filter:drop-shadow(0 0 6px #6938ed22)}
.feature-icon,.plan-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#f1f8ff,#e6e8ff 50%,#eee0ff);border:1px solid #b0a2ff44;color:#6938ed;box-shadow:inset 0 1px #fff,0 7px 20px #6c47d51b}
.feature-card{display:flex;flex-direction:column;min-height:240px;min-width:0;padding:27px}
.feature-card h3{font-size:17px;line-height:1.28;letter-spacing:-.025em;hyphens:none;overflow-wrap:normal;margin-bottom:10px}
.feature-card p{font-size:12.5px;line-height:1.7;min-height:0;margin-bottom:18px}
.feature-card a{margin-top:auto}
.hero-showcase .showcase-icon{display:inline-flex;color:#7de7ff}
.hero-showcase .premium-icon{width:22px;height:22px;filter:drop-shadow(0 0 5px #26bdff8a)}
.hero-showcase span{line-height:1.35;white-space:normal;min-height:48px}
.pricing-grid-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:13px}
.pricing-grid-five .price-card{min-width:0;padding:25px 18px 21px;min-height:520px;display:flex;flex-direction:column}
.pricing-grid-five .price-card.featured{transform:translateY(-4px)}
.pricing-grid-five .price-card h3{font-size:20px;margin-bottom:6px}
.pricing-grid-five .price-card>p{min-height:44px;margin-bottom:5px}
.pricing-grid-five .price-line{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin:11px 0 0;min-height:43px}
.pricing-grid-five .price-line b{font-size:clamp(22px,2.15vw,30px);line-height:1.15;white-space:nowrap;letter-spacing:-.048em}
.pricing-grid-five .price-line .enterprise-price{font-size:clamp(18px,1.65vw,24px);letter-spacing:-.035em}
.pricing-grid-five .plan-note{font-size:11px;line-height:1.45;min-height:36px;margin:6px 0 15px;color:#63728c}
.pricing-grid-five .price-card ul{padding:20px 0 15px;gap:11px}
.pricing-grid-five .price-card li{font-size:11px;line-height:1.53}
.pricing-grid-five .price-card .button{font-size:11px;white-space:normal;text-align:center;line-height:1.4;padding:12px 9px;margin-top:auto}
.pricing-grid-five .popular-badge{font-size:9px}
.pricing-section .section-heading h2{max-width:750px;margin-inline:auto}
.disclosure{font-size:11px;line-height:1.8;max-width:890px}
@media(max-width:1150px){.pricing-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid-five .price-card{min-height:455px}.pricing-grid-five .price-card.featured{transform:none}}
@media(max-width:800px){.pricing-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.pricing-grid-five,.feature-grid{grid-template-columns:1fr}.pricing-grid-five .price-card{min-height:0}.pricing-grid-five .price-line b{font-size:30px}.feature-card{min-height:0}.hero-showcase span{font-size:10px}}