:root{--navy:#102a57;--navy-2:#173b77;--blue:#3574dd;--paper:#f4f6f8;--ink:#111b2d;--muted:#657186;--line:#dfe5ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Onest,system-ui,sans-serif}a{color:inherit;text-decoration:none}::selection{background:#98bcfa;color:var(--navy)}:focus-visible{outline:3px solid #6ba1fb;outline-offset:4px}.skip{position:absolute;left:-9999px;top:10px;z-index:100;background:#fff;padding:10px}.skip:focus{left:14px}.page{padding:12px;overflow:hidden}.section{border-radius:28px;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:2px;background:currentColor}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:-.05em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:19px;font-weight:600;letter-spacing:-.09em;line-height:1}.brand-dot{color:#8cbbff}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button .arrow{font-size:20px;line-height:1}.button.white{background:#fff;color:var(--navy)}.button.outline{border-color:#ffffff80;color:#fff}.button.dark{background:var(--navy);color:#fff}.button.dark:hover{background:var(--navy-2)}
.hero{position:relative;min-height:660px;color:#fff;background:radial-gradient(circle at 76% 38%,#2b5fac 0,#173c7b 36%,#102a57 70%);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 40px}.nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:500}.nav a{opacity:.8}.nav a:hover{opacity:1}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .button{min-height:42px;padding:0 17px;font-size:12px}.hero-content{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3%;min-height:510px;padding:10px 6% 20px}.hero-copy{position:relative;z-index:2;max-width:730px}.hero-copy .eyebrow{color:#bfd6ff}.hero h1{font-size:clamp(58px,6.7vw,112px);line-height:.94;letter-spacing:-.07em;font-weight:600;margin:28px 0}.hero h1 em,.cta h2 em{font-style:normal;color:#92bcff}.hero-copy p{max-width:560px;color:#d7e6fb;font-size:clamp(16px,1.25vw,20px);line-height:1.55;margin:0 0 29px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding:0 40px 28px;font-size:11px;letter-spacing:.14em;color:#c7daf7}.hero-art{height:455px;position:relative;display:grid;place-items:center;perspective:1100px}.orbit{position:absolute;width:min(37vw,450px);aspect-ratio:1;border:1px solid #ffffff3a;border-radius:50%;box-shadow:0 0 0 65px #ffffff07,0 0 0 130px #ffffff04}.tablet{position:relative;width:265px;height:365px;padding:9px;border-radius:28px;background:#0c1730;box-shadow:27px 36px 60px #061b3d99,0 0 0 1px #718db8 inset;transform:rotate(9deg)}.tablet:before{content:"";position:absolute;z-index:2;top:4px;left:50%;width:4px;height:4px;background:#718db8;border-radius:50%}.tablet-screen{height:100%;overflow:hidden;border-radius:20px;background:#f7f9f4;color:#17273b}.tablet-top{display:flex;align-items:center;justify-content:space-between;background:#eaf0e4;padding:16px;font-weight:700;font-size:10px;letter-spacing:.13em}.tablet-top span{color:#5db37c}.tablet-visual{display:flex;align-items:end;height:58%;padding:20px;background:radial-gradient(circle at 70% 30%,#bad9c4 0 15%,transparent 16%),linear-gradient(130deg,#5e8294,#153c50 70%);color:#fff;font-size:23px;font-weight:700;line-height:1.02;letter-spacing:-.06em}.tablet-lines{padding:21px;display:grid;gap:10px}.tablet-lines i{height:8px;width:85%;background:#d9e2e5;border-radius:9px}.tablet-lines i:nth-child(2){width:60%}.tablet-lines i:nth-child(3){width:72%}.art-label{position:absolute;z-index:2;padding:12px 16px;background:#fff;color:var(--navy);border-radius:10px;box-shadow:0 18px 30px #061b3d66;font-size:11px;font-weight:700;letter-spacing:.1em}.art-label.one{top:17%;left:0;transform:rotate(-6deg)}.art-label.two{top:42%;right:0;transform:rotate(5deg)}.art-label.three{bottom:13%;left:2%;transform:rotate(-3deg)}
.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8%;padding:100px 6% 95px}.intro h2,.section-head h2,.needs h2,.cta h2{font-size:clamp(48px,5.7vw,94px);line-height:.97;letter-spacing:-.065em;font-weight:600;margin:20px 0 0}.intro h2 em,.section-head h2 em,.needs h2 em{font-style:normal;color:var(--blue)}.intro p{max-width:520px;color:var(--muted);font-size:clamp(17px,1.35vw,22px);line-height:1.5;margin:0 0 8px}.demo-section{background:var(--paper);padding:95px 6% 105px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-head p{max-width:330px;color:var(--muted);line-height:1.5;margin:0}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-card{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.card-visual{position:relative;height:310px;display:grid;place-items:center;overflow:hidden}.card-visual .visual-ring{position:absolute;width:300px;height:300px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 65px #ffffff10,0 0 0 130px #ffffff07}.restaurant .card-visual{background:radial-gradient(circle at 50% 55%,#bf6857,#813c38 58%,#512b31)}.general .card-visual{background:radial-gradient(circle at 50% 55%,#6e9fb7,#2e607f 62%,#193d65)}.menu-preview,.general-preview{position:relative;width:min(66%,320px);height:255px;padding:22px;background:#f7f1e9;border-radius:17px;color:#34231c;box-shadow:22px 25px 40px #171b2b55;transform:rotate(-5deg);overflow:hidden}.menu-preview>span,.general-preview span{font-size:9px;font-weight:700;letter-spacing:.15em}.menu-preview strong,.general-preview strong{display:block;font-size:31px;line-height:1;letter-spacing:-.06em;margin-top:24px}.menu-preview small{position:absolute;bottom:20px;left:22px;font-size:8px;letter-spacing:.13em;font-weight:700}.burger{position:absolute;right:19px;bottom:29px;width:115px;height:105px;transform:rotate(-8deg);filter:drop-shadow(10px 13px 8px #56321b50)}.burger i{position:absolute;left:0;width:100%;border-radius:50%}.burger i:first-child{top:11px;height:43px;background:linear-gradient(#f3bd65,#b96b2f)}.burger i:nth-child(2){top:52px;height:21px;background:#65412b;box-shadow:0 -7px #73a659,0 7px #f0c86b}.burger i:last-child{bottom:4px;height:24px;background:linear-gradient(#d58b3f,#f3c078)}.general-preview{background:#f8faf4;transform:rotate(5deg);display:grid;grid-template-columns:1fr 38%;gap:8px}.general-preview strong{font-size:27px;color:#183645}.preview-shape{align-self:center;height:145px;border-radius:44% 44% 20% 20%;background:linear-gradient(100deg,#9a7951,#e8c89a 40%,#786345);box-shadow:0 13px 18px #41677750}.preview-tag{position:absolute;bottom:21px;right:25px;color:#d4e8f5;font-size:9px;letter-spacing:.14em}.card-body{padding:34px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.card-index{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.14em}.card-body h3{font-size:clamp(34px,3.4vw,53px);letter-spacing:-.06em;line-height:1;margin:16px 0}.card-body p{color:var(--muted);line-height:1.55;max-width:510px;margin:0}.card-body ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:24px 0 32px;padding:0}.card-body li{padding:8px 11px;border:1px solid #d9e2ed;border-radius:99px;color:#425473;font-size:11px;font-weight:600}.card-body .button{margin-top:auto}
.needs{padding:100px 6% 110px}.needs-head{max-width:850px;margin-bottom:48px}.needs h2{font-size:clamp(46px,5.2vw,85px)}.needs-list{border-top:1px solid #ccd5e0}.needs-list a{display:grid;grid-template-columns:55px minmax(0,1fr) minmax(150px,.3fr) 50px;align-items:center;gap:20px;min-height:110px;padding:22px 0;border-bottom:1px solid #ccd5e0;transition:padding .25s,background .25s}.needs-list a:hover{padding-left:20px;background:#f4f7fc}.needs-list a>span:first-child{font-size:12px;color:var(--muted)}.needs-list strong{font-size:clamp(22px,2.6vw,37px);font-weight:600;letter-spacing:-.045em}.needs-detail{font-size:13px;color:var(--muted)}.needs-list a>span:last-child{width:42px;height:42px;border:1px solid #9caec7;border-radius:50%;display:grid;place-items:center;font-size:22px}.cta{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:7%;background:var(--navy);color:#fff;padding:100px 6%}.cta .eyebrow{color:#b8d4ff}.cta p{font-size:17px;line-height:1.6;color:#c8daf4;max-width:440px;margin:0 0 26px}.footer{margin-top:12px;background:#0d2144;color:#fff;padding:45px 6% 28px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top{padding-bottom:55px}.footer-top nav{display:flex;flex-wrap:wrap;gap:26px;font-size:14px}.footer-top nav a{color:#d3e2fa}.footer-top nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff38;padding-top:22px;font-size:12px;color:#abc2e5}
@media(max-width:900px){.nav{display:none}.hero-content{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(52px,6.5vw,72px)}.art-label.one{left:-5%}.art-label.two{right:-5%}}
@media(max-width:700px){.page{padding:7px}.section{border-radius:20px}.site-header{padding:20px}.header-actions .button.outline{display:none}.header-actions .button{min-height:38px;padding:0 12px}.hero{min-height:0}.hero-content{display:flex;flex-direction:column;align-items:stretch;padding:42px 24px 5px}.hero h1{font-size:clamp(54px,12vw,77px)}.hero-copy p{font-size:16px}.hero-art{height:270px;margin-top:20px}.orbit{width:260px}.tablet{width:157px;height:215px;padding:6px;border-radius:19px}.tablet-screen{border-radius:12px}.tablet-top{padding:8px;font-size:6px}.tablet-visual{font-size:14px;padding:10px}.tablet-lines{padding:12px;gap:6px}.tablet-lines i{height:5px}.art-label{font-size:7px;padding:8px}.art-label.one{left:3%;top:15%}.art-label.two{right:3%;top:45%}.art-label.three{left:4%;bottom:8%}.hero-bottom{padding:15px 24px 25px}.hero-bottom span:last-child{display:none}.intro,.cta{grid-template-columns:1fr;gap:28px;padding:70px 24px}.intro h2,.section-head h2,.needs h2,.cta h2{font-size:clamp(48px,10vw,69px)}.intro p{font-size:17px}.demo-section{padding:70px 20px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:18px}.demo-grid{grid-template-columns:1fr}.card-visual{height:245px}.menu-preview,.general-preview{height:210px;padding:18px}.menu-preview strong,.general-preview strong{font-size:25px}.burger{transform:rotate(-8deg) scale(.8);transform-origin:bottom right}.card-body{padding:27px}.needs{padding:70px 24px}.needs-head{margin-bottom:30px}.needs-list a{grid-template-columns:30px 1fr 40px;gap:10px;min-height:100px}.needs-list strong{font-size:25px}.needs-detail{grid-column:2;grid-row:2}.needs-list a>span:last-child{grid-column:3;grid-row:1/3}.footer{padding:45px 24px 24px}.footer-top,.footer-bottom{display:block}.footer-top{padding-bottom:35px}.footer-top nav{margin-top:30px}.footer-bottom span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}