500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#142449;--muted:#52617a;--blue:#3458f5;--purple:#7542ef;--line:#dce4f0;--paper:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif;line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(48px,5.2vw,78px);margin:22px 0}h2{font-size:clamp(34px,3.5vw,50px);margin:12px 0 24px}h3{font-size:23px;margin:14px 0}p{color:var(--muted)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e18119;outline-offset:5px}em{font-style:normal;color:var(--blue)}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.brand{font-size:25px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.mark{background:linear-gradient(140deg,#10b9d8,#4f43f1);border-radius:11px;padding:8px 12px;color:white;font-size:20px;box-shadow:0 5px 14px #4268cf30}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:linear-gradient(110deg,var(--blue),var(--purple));color:#fff;padding:15px 23px;border-radius:10px;font-size:15px;font-weight:700;box-shadow:0 7px 20px #494ce522;transition:transform .2s}.button:hover{transform:translateY(-2px);text-decoration:none}.button.small{padding:11px 17px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 0 100px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--blue);margin:0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#08aa82;margin-right:7px}.intro{font-size:19px;line-height:1.65;max-width:540px}.actions{display:flex;align-items:center;gap:26px;margin:28px 0}.text-link{font-weight:700;font-size:14px}.fine{font-size:12px;line-height:1.6}.scene{position:relative;background:linear-gradient(135deg,#eef4ff,#f3effe);border:1px solid #dce5f5;border-radius:22px;box-shadow:0 30px 90px #5365bd22;padding:20px;transform:rotate(-2deg)}.scene-top,.scene-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;gap:8px}.badge{border:1px solid #c8d4e7;padding:3px 7px;border-radius:6px;color:#586886}.scene-grid{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin:25px 0}.mini-phone{border:7px solid #243052;border-radius:24px;background:linear-gradient(160deg,#3ac8dc,#8670f7 60%,#f9b698);height:275px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px;color:white;font-size:10px;font-weight:700;grid-row:span 2}.island{width:40px;height:8px;background:#243052;border-radius:20px}.app-grid{display:grid;grid-template-columns:repeat(2,25px);gap:9px}.app-grid i{height:25px;border-radius:7px;background:#ffffffb8}.mini-desktop,.mini-tv{background:white;border-radius:9px;overflow:hidden;box-shadow:0 8px 14px #39488615}.desktop-bar{background:#18294c;padding:5px;display:flex;gap:4px}.desktop-bar i{width:4px;height:4px;border-radius:50%;background:#9cafda}.desktop-art{height:99px;background:#d7e6ff;display:flex;align-items:center;justify-content:center;gap:5px}.desktop-art div{height:45px;width:40px;border-radius:30px 30px 4px 4px;background:#749afa;transform:skew(-15deg)}.desktop-art div:nth-child(2){height:65px;background:#6c55ec}.desktop-art div:nth-child(3){background:#3fcbcb}.mini-desktop>span{font-size:10px;padding:5px 10px;display:block}.tv-art{padding:15px;background:radial-gradient(ellipse at 80% 110%,#8662ed,transparent 65%),#152954;color:white;height:105px;display:flex;flex-direction:column;justify-content:space-between}.tv-art b{font-size:17px;line-height:1.2}.tv-art span{font-size:9px}.scene-bottom span{background:#fff9;padding:7px;border-radius:7px;font-size:10px}.float-label{position:absolute;bottom:-22px;right:-15px;background:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 9px 40px #465d8420;font-size:12px;font-weight:700;transform:rotate(2deg)}.float-label span{color:#06a889;margin-left:12px}.ribbon{background:var(--paper);border-block:1px solid var(--line)}.ribbon .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:13px}.ribbon span{color:var(--muted)}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:36px}.section-head>p{max-width:420px;margin-bottom:25px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.feature-grid article{border-top:1px solid var(--line);padding-top:24px}.feature-grid h3{font-size:20px}.feature-grid p{font-size:14px}.feature-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;background:#eef1ff;color:var(--blue);border-radius:12px;font-size:24px}.stories{background:var(--paper)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.story-visual{height:180px;position:relative;padding:20px;overflow:hidden}.story-number{font-size:10px;font-weight:800;letter-spacing:.12em}.venue{background:#d6eeef}.business{background:#e6e2ff}.team{background:#ffe7d5}.screen-line{display:flex;gap:10px;transform:rotate(-8deg);margin:25px 0}.screen-line i{width:30%;height:70px;background:linear-gradient(130deg,#213956,#368b9b);border:5px solid #142f48;border-radius:5px}.screen-line i:nth-child(2){background:linear-gradient(150deg,#2cb9ba,#e1d1a9)}.desk{display:flex;gap:20px;align-items:flex-end;justify-content:center;margin-top:12px;transform:rotate(-7deg)}.desk i:first-child{width:125px;height:85px;background:linear-gradient(125deg,#554baa,#b1a2fa);border:5px solid #443b79;border-radius:6px;box-shadow:0 8px #443b79}.desk i:last-child{width:42px;height:75px;background:linear-gradient(145deg,#a997fb,#d9c1ff);border:4px solid #443b79;border-radius:9px}.nodes{display:flex;justify-content:center;gap:18px;margin:38px 0}.nodes i{width:40px;height:40px;background:#f6ae79;border:7px solid #fff9;border-radius:50%;box-shadow:0 0 0 1px #d67a4540}.nodes i:nth-child(even){transform:translateY(-20px);background:#905a45}.story-copy{padding:25px}.story-copy p,.story-copy dd{font-size:14px}.story-copy dt{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;margin-top:18px}.story-copy dd{margin:3px 0;color:var(--muted)}.apple{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.compatibility{border:1px solid var(--line);border-radius:18px;padding:30px;background:var(--paper)}.compatibility h3{margin-top:0}.compatibility>div{padding:20px 0;border-bottom:1px solid var(--line)}.compatibility p{font-size:13px;margin:10px 0 0}.compatibility>a{display:block;font-size:12px;margin-top:20px;text-decoration:underline}.status{float:right;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700}.testing{background:#e2f4ed;color:#17624b}.planned{background:#fff0d5;color:#855811}.pricing{background:#132347;color:white}.pricing h2{color:white}.pricing p{color:#c1cde4}.pricing .eyebrow{color:#9bb5ff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-grid article{border:1px solid #435270;padding:30px;border-radius:16px;background:#1b2c50}.price-grid .featured{background:linear-gradient(140deg,#304690,#543fb1);border-color:#8f97df}.tier{font-size:10px;font-weight:700;letter-spacing:.12em;color:#c1d2ff}.price-grid h3{font-size:21px}.price-grid .price{font-size:46px;font-family:Manrope,sans-serif;font-weight:700;color:white;letter-spacing:-2px;margin:28px 0}.price small{font-size:12px;font-family:'DM Sans',sans-serif;letter-spacing:0;font-weight:400;white-space:nowrap}.price-grid ul{padding-left:17px;font-size:13px;line-height:2.2;color:#d5dff4}.calculator{margin-top:30px;border:1px solid #435270;border-radius:16px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px 50px}.calculator h3{margin:0}.calculator p{font-size:13px;margin:10px 0 0}.calc-inputs{display:flex;gap:15px;align-items:flex-start}.calc-inputs label{font-size:12px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.calc-inputs input,.calc-inputs select{width:100%;padding:10px;border:1px solid #637295;border-radius:7px;background:#fff;color:var(--ink);font-size:14px;min-height:44px}.calculator output{font-size:20px;font-weight:700;grid-column:1/-1}.calculator .fine{grid-column:1/-1;font-size:11px}.pricing .pricing-note{font-size:12px;margin-top:24px;max-width:920px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{font-weight:700;cursor:pointer;font-size:15px}.faq p{font-size:14px}.end-cta{background:linear-gradient(120deg,#3858ef,#7643e7);border-radius:22px;padding:48px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:60px;gap:25px}.end-cta .eyebrow{color:#d7e3ff}.end-cta h2{font-size:34px;margin-bottom:0}.button.light{background:white;color:#3847bf;white-space:nowrap}footer{display:flex;align-items:center;gap:30px;padding:30px 0 50px;font-size:12px}footer p{flex:1}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:12px;z-index:20}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:35px}.scene{padding:15px}.scene-grid{gap:10px}.mini-phone{height:260px}.feature-grid{grid-template-columns:repeat(2,1fr)}.apple{gap:40px}.story-copy{padding:20px}.price-grid article{padding:22px}.price small{display:block}.nav nav{gap:16px}.status{float:none;display:inline-block;margin-left:8px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{flex-wrap:wrap;padding:18px 0;gap:16px}.nav nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.hero{grid-template-columns:1fr;padding:40px 0 65px;gap:45px}h1{font-size:43px}.scene{max-width:490px;width:calc(100% - 14px);margin:auto;transform:none}.float-label{right:-8px;transform:none}.ribbon .wrap{flex-wrap:wrap;justify-content:center;font-size:12px}.ribbon span{width:100%;text-align:center}.section{padding:60px 0}.section-head{display:block;margin-bottom:25px}.section-head>p{max-width:none}.story-grid,.price-grid,.apple,.faq{grid-template-columns:1fr}.apple,.faq{gap:30px}.story-visual{height:160px}.story-copy{padding:24px}.story-copy h3 br{display:none}.price small{display:inline}.calculator{grid-template-columns:1fr;padding:22px;gap:20px}.price-grid article{padding:25px}.end-cta{padding:30px;display:block}.end-cta .button{margin-top:25px}.end-cta h2{font-size:30px}footer{flex-wrap:wrap;gap:20px}footer p{flex-basis:70%}.actions{gap:17px;flex-wrap:wrap}.compatibility{padding:22px}}@media(max-width:380px){h1{font-size:40px}.feature-grid{grid-template-columns:1fr}.calc-inputs{flex-direction:column}.calc-inputs label{width:100%}.scene-top{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}