@font-face{font-family:Instrument Serif;src:url('/assets/fonts/instrument-serif-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/fonts/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#27372e;--muted:#667269;--paper:#faf9f4;--blue:#1675e6;--line:#d8dfd4;--serif:'Instrument Serif',Georgia,serif;scroll-behavior:smooth;scroll-padding-top:32px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:21px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3,strong{font-weight:400}em{font-style:italic}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f2c146;outline-offset:6px}::selection{background:#f3ca67;color:#172c35}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;padding:12px;background:white;z-index:100}
.site-header{position:absolute;top:0;left:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,88px);color:white}.brand{display:inline-flex;align-items:center;gap:9px;font-size:31px;letter-spacing:-1.1px}.brand img{transform:rotate(-8deg)}.site-header nav{display:flex;gap:35px;font-size:20px}.site-header nav a{opacity:.85;transition:opacity .2s}.site-header nav a:hover{opacity:1}.nav-cta{border:1px solid #ffffff65;background:#ffffff12;backdrop-filter:blur(14px);color:white;border-radius:99px;padding:11px 21px;font-size:20px}.nav-cta span{margin-left:15px}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#2268b2;min-height:1270px;padding:151px 24px 0}.hero-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#03448619 0%,transparent 45%,#10251b08 100%),url('/assets/northern-pakistan.webp') center center/cover no-repeat}.hero-copy{text-align:center;position:relative;z-index:2;max-width:880px;margin:auto}.eyebrow{font-size:15px;letter-spacing:2px;line-height:1.5}.hero .eyebrow{font-size:17px;letter-spacing:.5px;text-transform:none;display:flex;align-items:center;justify-content:center;gap:9px;color:#f4f7f9}.status-dot,.recording-dot{width:6px;height:6px;border-radius:50%;background:#b4e3a5;display:inline-block;box-shadow:0 0 0 4px #ffffff17}.hero h1{font-size:clamp(72px,7.8vw,120px);letter-spacing:-3.8px;line-height:.95;margin:24px 0 25px;text-shadow:0 2px 30px #123d6110}.hero h1 em{font-weight:400}.hero-description{max-width:630px;margin:auto;font-size:25px;line-height:1.3;color:#f4f6f8;text-wrap:pretty}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:99px;padding:14px 27px;font-size:23px;min-height:56px;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-white{background:#fff;color:#24482f;box-shadow:0 3px 10px #0924340a}.button-glass{background:#ffffff0c;border:1px solid #ffffff60;backdrop-filter:blur(12px);color:white}.button-glass:hover{background:#ffffff24}.button-blue{background:var(--blue);color:white}.hero-note{margin-top:16px;color:#f0f4f3c9;font-size:17px}
.hero-stage{position:relative;width:min(1100px,100%);height:690px;margin:45px auto 0}.hero-phone{position:absolute;top:0;left:50%;transform:translateX(-50%);width:279px;z-index:3;filter:drop-shadow(0 28px 22px #123a384a)}.phone-hardware{position:relative;padding:7px;background:linear-gradient(135deg,#b1b3b6,#24282a 25%,#828987 65%,#d0d2d2);border-radius:43px;box-shadow:inset 0 0 0 1px #d0d4d4,0 0 0 1px #273030}.phone-hardware:before{content:'';position:absolute;height:38px;width:3px;left:-3px;top:95px;background:#7c827f;border-radius:2px}.phone-hardware:after{content:'';position:absolute;height:56px;width:3px;right:-3px;top:141px;background:#656b68;border-radius:2px}.phone-hardware img,.phone-hardware video{width:100%;height:auto;aspect-ratio:1344/2992;object-fit:cover;border-radius:36px;background:#09090b;border:2px solid #0c1112}.phone-camera{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:2;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#253049 0 16%,#0c1114 21% 47%,#171c1f 49% 70%,#050709 72%);box-shadow:0 0 0 3px #111416}.hero-phone figcaption{text-align:center;font-size:17px;letter-spacing:.2px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:9px;text-shadow:0 1px 8px #153e28}.recording-dot{background:#eef5cc;width:5px;height:5px}
.bot-face{width:102px;height:105px;display:flex;justify-content:center;align-items:center;gap:22px;position:relative;filter:drop-shadow(0 14px 14px #203d4020);animation:bob 5.8s ease-in-out infinite}.bot-face i{height:26px;width:10px;border-radius:7px;background:#25352f;animation:blink 5.2s infinite}.yellow{background:#f8c33c}.mint{background:#6fc89d}.lavender{background:#b9b7ed}.pebble{border-radius:48% 52% 41% 59%/55% 40% 60% 45%;transform:rotate(-8deg)}.pebble i:first-child{transform:rotate(12deg)}.pebble i:last-child{transform:rotate(-12deg)}.squircle{border-radius:30% 32% 30% 27%}.capsule{border-radius:48%;width:122px;height:89px;transform:rotate(9deg)}.orbit-bot{position:absolute;z-index:2;text-align:center}.orbit-bot p{margin-top:14px;font-size:23px;text-shadow:0 2px 18px #093c3f99}.orbit-builder{left:13%;top:115px;transform:rotate(-9deg)}.orbit-organizer{right:13%;top:70px;transform:rotate(8deg)}.orbit-organizer .bot-face{animation-delay:-2s}.orbit-creative{right:7%;top:390px;transform:rotate(-6deg)}.orbit-creative .bot-face{animation-delay:-3.5s}.plugin-stack{position:relative;display:flex;justify-content:flex-end;margin-top:-22px;margin-right:-22px;z-index:3;transform:rotate(7deg)}.plugin-stack img{height:40px;width:40px;background:#fff;padding:9px;border-radius:13px;box-shadow:0 4px 13px #28432e25;border:1px solid #ffffffa0}.plugin-stack img+img{margin-left:-9px;transform:translateY(6px) rotate(7deg)}.stage-caption{position:absolute;left:5%;top:410px;font-size:29px;line-height:1.1;transform:rotate(-7deg);text-shadow:0 1px 10px #17442590}.stage-caption svg{width:105px;position:absolute;right:-85px;top:40px;fill:none;stroke:currentColor;stroke-width:1.3;transform:rotate(-15deg)}.landscape-caption{position:absolute;bottom:22px;left:32px;font-size:15px;color:#ffffffb0;z-index:4}
.promise-strip{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--line);padding:26px 24px;font-size:21px;color:#4b6050;background:#f1f1e8}.promise-strip span{padding:0 34px;position:relative}.promise-strip span+span:before{content:'✦';position:absolute;left:-5px;font-size:12px;top:7px;color:#92a384}.section{max-width:1160px;padding:112px 28px;margin:auto}.section .eyebrow{color:#62715c;margin-bottom:24px}h2{font-size:clamp(50px,5vw,77px);line-height:1.02;letter-spacing:-1.9px}h2 em{color:#718b65}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:end}.section-intro>.eyebrow{grid-column:1/-1}.section-intro>p:last-child{font-size:24px;line-height:1.42;color:var(--muted);max-width:470px;padding-bottom:4px}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px;align-items:center}.feature-choices{align-self:center}.feature-choice{border:0;border-bottom:1px solid var(--line);padding:27px 12px 28px 0;width:100%;display:flex;gap:20px;text-align:left;background:none;transition:opacity .2s}.feature-choice:first-child{border-top:1px solid var(--line)}.feature-number{font-size:17px;color:#8c9886;margin-top:5px}.feature-choice strong{font-size:30px;display:block;line-height:1.1}.feature-choice>span:last-child>span{display:block;font-size:21px;color:var(--muted);line-height:1.35;max-width:390px;margin-top:12px}.feature-choice em{font-size:20px;color:#65865a;display:block;margin-top:16px}.feature-choice:not(.active){opacity:1}.feature-choice:hover{opacity:1}.feature-choice.active strong{color:#2d5e46}.feature-visual{background:#e8ebdf;min-height:685px;border-radius:140px 140px 20px 20px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:35px 20px 18px}.visual-halo{position:absolute;width:410px;height:410px;border:1px solid #cdd5c3;border-radius:50%;top:110px;left:50%;transform:translateX(-50%)}.visual-halo:before{content:'';position:absolute;inset:40px;border:1px solid #d4dbc9;border-radius:50%}.feature-phone{width:241px;transform:rotate(5deg);margin:0 10px 24px 0;box-shadow:12px 28px 35px #31433424;z-index:1;border-radius:36px}.feature-phone img{border-radius:30px}.feature-phone .phone-camera{width:20px;height:20px;top:14px}.mini-orbit{position:absolute;left:8px;top:108px;z-index:2;transform:rotate(-12deg);width:79px;height:82px;gap:18px}.mini-orbit i{width:8px;height:21px}.feature-visual figcaption{font-size:17px;color:#6d7e68;z-index:2;max-width:90%;text-align:center}
.how-section{max-width:none;background:#f0f1e9;border-top:1px solid #e1e4d8;border-bottom:1px solid #e1e4d8;padding-left:max(28px,calc((100vw - 1104px)/2));padding-right:max(28px,calc((100vw - 1104px)/2))}.how-heading{text-align:center}.steps{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;margin:62px 0 0}.steps>li{min-width:0;border-top:1px solid #c7d1c0;padding-top:18px}.steps>li>span{font-size:18px;color:#8a9980}.steps h3{font-size:34px;margin:18px 0 12px}.steps p{font-size:22px;line-height:1.35;color:var(--muted)}.step-demo{margin-top:28px;min-height:80px}.face-line{display:flex;align-items:center;gap:14px}.face-line .bot-face{width:58px;height:60px;gap:13px;filter:none;animation:none}.face-line .bot-face i{width:6px;height:17px}.face-line .capsule{width:68px;height:53px}.tiny-chat{font-size:21px;background:#fff;padding:15px 20px;border-radius:22px 22px 4px 22px;box-shadow:0 6px 15px #344a2d06;display:flex;gap:18px;align-items:center}.tiny-chat>span{color:#1675e6}.little-call{border-radius:99px;background:#e3e8dc;padding:15px;font-size:18px;display:flex;align-items:center;gap:10px;line-height:1.1}.little-call>span{width:31px;height:31px;background:#6e9366;color:white;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.little-call i{font-size:15px;color:#6c7c63;margin-left:auto}.runtime-note{text-align:center;max-width:660px;margin:35px auto 0;font-size:17px;color:#7a8673;line-height:1.4}
.connections{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px}.connections h2{font-size:61px}.connections>div>p:not(.eyebrow){color:var(--muted);font-size:23px;line-height:1.4;max-width:420px;margin:23px 0}.text-link{display:inline-flex;gap:50px;align-items:center;font-size:22px;border-bottom:1px solid #9bac94;padding-bottom:8px}.integration-garden{position:relative;height:420px;isolation:isolate}.garden-bot{position:absolute;left:42%;top:147px;width:110px;height:110px;z-index:2;gap:24px}.garden-line{position:absolute;border:1px dashed #b8c5ae;border-radius:50%;width:290px;height:290px;top:55px;left:23%;z-index:-1;transform:rotate(-20deg)}.app-tile{position:absolute;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:19px}.app-tile img{width:68px;height:68px;background:white;padding:18px;border-radius:21px;border:1px solid #e1e4dc;box-shadow:0 9px 23px #34482809}.app-github{left:7%;top:110px;transform:rotate(-8deg)}.app-google{right:0;top:80px;transform:rotate(8deg)}.app-google img{padding:14px}.app-figma{left:33%;top:10px;transform:rotate(-8deg)}.app-supabase{left:22%;bottom:10px;transform:rotate(5deg)}.app-vercel{right:8%;bottom:30px;transform:rotate(-5deg)}
.freedom{max-width:none;background:#e9eddf;padding-left:max(28px,calc((100vw - 1104px)/2));padding-right:max(28px,calc((100vw - 1104px)/2));text-align:center}.freedom-intro{font-size:24px;line-height:1.35;max-width:600px;margin:26px auto 45px;color:var(--muted)}.comparison-wrap{background:#f9faf4;border:1px solid #cdd7c3;border-radius:22px;max-width:790px;margin:auto;padding:14px 32px 5px;text-align:left}table{border-collapse:collapse;width:100%}thead{color:#78826f;font-size:17px}th,td{font-weight:400;padding:24px 8px}thead th{padding:18px 8px;border-bottom:1px solid var(--line)}td{text-align:right;font-size:35px;letter-spacing:-.4px;white-space:nowrap}thead th:last-child{text-align:right}tbody th{font-size:28px;text-align:left;position:relative}tbody small{display:block;font-size:17px;color:#798474;margin-top:5px}td span{display:block;font-size:16px;color:#7c8774;letter-spacing:0;margin-top:5px}tbody tr+tr>*{border-top:1px solid var(--line)}.pocko-row{color:#2f6345}.pocko-row img{display:inline-block;vertical-align:middle;margin-right:9px}.pocko-row td{font-size:49px}.price-note{max-width:760px;margin:24px auto 0;font-size:17px;line-height:1.5;color:#596953;text-align:left}.price-note a{text-decoration:underline;text-underline-offset:3px}
.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.faq h2{font-size:65px}.faq-list{padding-top:1px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:25px;padding:23px 0;line-height:1.2}summary::-webkit-details-marker{display:none}summary>span{font-size:25px;color:#7b9071;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:21px;line-height:1.45;color:var(--muted);padding:0 26px 25px 0}details p a{text-decoration:underline;overflow-wrap:anywhere}.closing{background:linear-gradient(#2d6daacc,#20648fb0),url('/assets/northern-pakistan.webp') center 40%/cover;color:white;position:relative;text-align:center;padding:85px 24px 95px}.closing-bot{margin:auto auto 25px;transform:rotate(-9deg)}.closing .eyebrow{color:#e7eee6;margin-bottom:22px}.closing h2{font-size:80px}.closing h2 em{color:#f5f5de}.closing>p:not(.eyebrow){font-size:24px;line-height:1.3;margin:25px auto}.closing .button{margin-top:5px}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;padding:52px max(28px,5vw) 28px;background:var(--paper);align-items:start}footer .brand{font-size:29px}.maker{font-size:20px;line-height:1.4;color:#77816f}.maker a{color:var(--ink)}.maker .email{display:block;font-size:17px;margin-top:5px}footer nav{display:flex;gap:25px;font-size:20px}footer nav a:hover,.maker a:hover{text-decoration:underline;text-underline-offset:4px}.footer-small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:23px;font-size:15px;line-height:1.6;color:#88907f}.motion-toggle{position:fixed;right:18px;bottom:17px;padding:9px 13px;background:#f8f9f1e8;backdrop-filter:blur(15px);border:1px solid #bbc8b36b;border-radius:99px;font-size:16px;z-index:9;color:#40533a;box-shadow:0 3px 12px #19362310;display:flex;gap:8px;align-items:center}
dialog{border:1px solid #d3ddc7;border-radius:30px;padding:38px;max-width:min(480px,calc(100% - 32px));text-align:center;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #16392633}dialog::backdrop{background:#102c4480;backdrop-filter:blur(8px)}dialog>img{margin:auto auto 22px}dialog .eyebrow{font-size:13px;color:#7e8e72}dialog h2{font-size:61px;margin:15px 0 22px}dialog>p:not(.eyebrow){font-size:23px;line-height:1.35;color:var(--muted);max-width:340px;margin:auto}dialog .button{margin:25px auto 14px;font-size:21px}.dialog-email{display:block;font-size:18px;text-decoration:underline;text-underline-offset:4px}.dialog-close{position:absolute;right:14px;top:12px;font-size:30px;width:35px;height:35px;background:none;border:0;color:#839076}
@keyframes bob{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -11px;rotate:4deg}}@keyframes blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .12}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.reveal{opacity:0;translate:0 18px;transition:opacity .7s,translate .7s}.reveal.visible{opacity:1;translate:0 0}
@media(min-width:1600px){.hero{min-height:1380px}.hero-stage{margin-top:60px}.hero-phone{width:305px}.hero-stage{height:740px}}
@media(max-width:1000px){.site-header nav{gap:22px}.hero{min-height:1190px}.hero h1{font-size:95px}.hero-description{font-size:24px}.hero-stage{margin-top:42px;height:620px}.hero-phone{width:258px}.orbit-builder{left:8%}.orbit-organizer{right:7%}.orbit-creative{right:3%;top:365px}.stage-caption{font-size:25px;left:2%;top:390px}.stage-caption svg{right:-50px;width:70px}.promise-strip span{padding:0 21px;font-size:18px}.section{padding:85px 30px}.section-intro{gap:40px}.feature-showcase{gap:35px}.feature-choice strong{font-size:27px}.feature-choice>span:last-child>span{font-size:20px}.feature-visual{min-height:650px}.connections{gap:10px}.connections h2{font-size:53px}.integration-garden{transform:scale(.9);transform-origin:center}.steps{gap:28px}.steps h3{font-size:29px}.steps p{font-size:21px}.faq{gap:45px}.faq h2{font-size:56px}summary{font-size:23px}footer{grid-template-columns:1fr 1fr;gap:24px}footer nav{grid-column:1/-1}.closing h2{font-size:70px}}
@media(max-width:700px){body{font-size:20px}.site-header{padding:21px 21px}.site-header .brand{font-size:28px}.site-header .brand img{width:28px;height:28px}.site-header nav{display:none}.nav-cta{font-size:18px;padding:9px 15px}.nav-cta span{margin-left:6px}.hero{padding:128px 18px 0;min-height:1110px}.hero-landscape{background-position:50% center}.hero .eyebrow{font-size:15px;gap:8px}.hero h1{font-size:clamp(66px,12vw,84px);line-height:.98;letter-spacing:-2px;margin:23px 0}.hero-description{font-size:22px;line-height:1.3;max-width:380px}.hero-actions{gap:10px;margin-top:26px}.button{font-size:21px;padding:13px 22px;gap:23px;min-height:53px}.hero-note{font-size:14px;margin-top:15px}.hero-stage{margin-top:42px;height:610px}.hero-phone{width:232px}.phone-hardware{padding:6px;border-radius:36px}.phone-hardware img,.phone-hardware video{border-radius:30px}.phone-camera{width:22px;height:22px;top:14px}.hero-phone figcaption{font-size:15px;margin-top:15px}.bot-face{width:71px;height:75px;gap:15px}.bot-face i{height:21px;width:8px}.capsule{width:85px;height:65px}.orbit-builder{left:0;top:72px;transform:rotate(-12deg);z-index:4}.orbit-organizer{right:0;top:135px;transform:rotate(9deg);z-index:4}.orbit-creative{right:0;top:365px;z-index:4}.orbit-bot p{font-size:17px;margin-top:8px}.plugin-stack{margin-top:-15px;margin-right:-9px}.plugin-stack img{width:29px;height:29px;padding:6px;border-radius:9px}.plugin-stack img+img{margin-left:-7px}.stage-caption{font-size:20px;left:0;top:433px;z-index:4}.stage-caption svg{display:none}.landscape-caption{font-size:12px;left:20px;bottom:18px;max-width:180px}.promise-strip{display:grid;grid-template-columns:1fr 1fr;padding:18px 20px;gap:15px 12px}.promise-strip span{font-size:18px;padding:0}.promise-strip span+span:before{display:none}.section{padding:72px 23px}.section .eyebrow{font-size:12px;letter-spacing:1.7px;margin-bottom:19px}h2{font-size:55px;letter-spacing:-1.5px}.section-intro{display:block}.section-intro>p:last-child{font-size:22px;margin-top:23px;max-width:100%;padding-bottom:0}.feature-showcase{display:flex;flex-direction:column-reverse;gap:33px;margin-top:35px}.feature-visual{width:100%;max-width:440px;min-height:590px;border-radius:110px 110px 18px 18px}.feature-phone{width:221px}.feature-phone .phone-camera{width:19px;height:19px}.mini-orbit{left:8%;top:110px;width:67px;height:71px;gap:16px}.mini-orbit i{width:7px;height:19px}.feature-visual figcaption{font-size:16px}.feature-choices{width:100%}.feature-choice{padding:23px 0;gap:17px}.feature-choice strong{font-size:28px}.feature-choice>span:last-child>span{font-size:21px;max-width:none}.feature-choice em{font-size:18px}.steps{grid-template-columns:1fr;margin-top:38px;gap:32px}.steps>li{padding-top:18px;display:grid;grid-template-columns:45px 1fr;column-gap:8px}.steps>li>span{grid-row:1/4;padding-top:7px}.steps h3{margin:0 0 12px;font-size:31px}.steps p,.step-demo{grid-column:2}.step-demo{margin-top:20px}.steps p{font-size:22px}.face-line{min-height:64px}.tiny-chat{min-height:70px}.runtime-note{font-size:16px;margin-top:26px}.connections{display:block}.connections h2{font-size:53px}.connections>div>p:not(.eyebrow){font-size:22px;margin-top:22px}.integration-garden{width:100%;max-width:420px;height:400px;margin:25px auto 0;transform:none}.garden-bot{width:94px;height:98px;left:39%;top:144px}.garden-line{width:260px;height:260px;left:18%;top:58px}.app-tile{font-size:17px;gap:9px}.app-tile img{width:62px;height:62px;padding:16px;border-radius:19px}.app-github{left:5%;top:120px}.app-google{right:0;top:92px}.app-figma{left:31%}.app-supabase{left:17%;bottom:17px}.app-vercel{right:7%;bottom:27px}.freedom h2{font-size:51px}.freedom-intro{font-size:22px;margin:24px auto 31px}.comparison-wrap{padding:5px 15px 0;border-radius:17px}thead{font-size:15px}thead th{padding:17px 0}th,td{padding:23px 3px}tbody th{font-size:25px}tbody small{font-size:14px;max-width:170px;line-height:1.25;margin-top:7px}td{font-size:29px}td span{font-size:14px}.pocko-row img{width:25px;height:25px;margin-right:4px}.pocko-row td{font-size:43px}.price-note{font-size:16px;line-height:1.5;margin-top:20px}.faq{display:block}.faq h2{font-size:55px}.faq-list{margin-top:33px}summary{font-size:25px;padding:22px 0}details p{font-size:21px}.closing{padding:66px 20px 72px}.closing h2{font-size:58px}.closing .eyebrow{font-size:12px;letter-spacing:1.5px}.closing>p:not(.eyebrow){font-size:23px}.closing-bot{width:73px;height:73px}footer{display:block;padding:38px 24px 25px}.maker{margin-top:23px;font-size:21px}.maker .email{font-size:18px}footer nav{margin:25px 0;font-size:21px;gap:25px}.footer-small{font-size:14px;line-height:1.7}.motion-toggle{right:12px;bottom:12px;font-size:14px;padding:9px 11px}.motion-label{display:none}dialog{padding:35px 24px}dialog h2{font-size:55px}}
@media(max-width:380px){.hero{min-height:1100px}.hero h1{font-size:64px}.hero-description{font-size:21px}.hero-phone{width:212px}.orbit-builder{left:-5px}.orbit-organizer{right:-4px}.orbit-creative{right:-5px}.hero-stage{height:580px}.stage-caption{top:417px;font-size:18px}.hero-note{font-size:13px}.eyebrow{letter-spacing:1px}.site-header .brand{font-size:26px}.nav-cta{font-size:17px;padding:8px 13px}.feature-phone{width:213px}.comparison-wrap{padding:5px 10px}tbody th{font-size:23px}tbody small{max-width:145px}thead{font-size:13px}td{font-size:26px}.pocko-row img{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:0 0}}

@media(max-width:700px){.garden-line{width:75%;height:auto;aspect-ratio:1;left:15%;transform:none}}
.garden-line{max-width:75%;height:auto;aspect-ratio:1;transform:none}

/* Larger, sharper product views and three distinct working characters. */
.hero{min-height:1400px}
.hero-stage{height:820px}
.hero-phone{width:336px}
.hero-phone .phone-hardware{border-radius:48px}
.hero-phone video{border-radius:41px}
.hero .button,.nav-cta{gap:0}
.orbit-bot .bot-face{transform-origin:50% 70%;animation:working-body 1.7s ease-in-out infinite}
.orbit-bot .bot-face i{animation:working-eyes 3.1s infinite;transform-origin:center}
.orbit-organizer .bot-face{animation-delay:-.55s}
.orbit-creative .bot-face{animation-delay:-1.1s}
.hero-hex{border-radius:0;clip-path:polygon(50% 1%,90% 22%,99% 67%,72% 97%,27% 94%,2% 67%,8% 23%);width:110px;height:112px}
.hero-droplet{border-radius:70% 35% 64% 48% / 67% 44% 65% 36%;width:105px;height:120px}
.hero-cloud{border-radius:55% 42% 44% 56% / 66% 58% 42% 34%;width:133px;height:93px;clip-path:polygon(0 100%,0 38%,8% 27%,19% 28%,26% 8%,43% 1%,57% 12%,65% 8%,82% 17%,86% 35%,96% 44%,100% 77%,92% 100%)}
.eyes-curious i:first-child{height:32px;rotate:10deg}.eyes-curious i:last-child{height:23px;rotate:-10deg}
.eyes-happy i{height:16px;width:18px;background:none;border:5px solid #25352f;border-bottom:0;border-radius:18px 18px 0 0;translate:0 3px}
.eyes-focused i{height:10px;width:22px;border-radius:8px;rotate:-12deg}.eyes-focused i:last-child{rotate:12deg}
@keyframes working-body{0%,100%{transform:translateY(-3px) rotate(-7deg) scale(.97,1.02)}50%{transform:translateY(3px) rotate(7deg) scale(1.03,.98)}}
@keyframes working-eyes{0%,45%,50%,100%{scale:1 1}47.5%{scale:1 .12}}
.feature-visual{min-height:910px;background:linear-gradient(180deg,#12473205 60%,#142e25a6),url('/assets/pakistan-meadow.webp') center/cover no-repeat;padding:40px 22px 28px}
.feature-phone{width:328px;transform:none;margin:0 0 28px;border-radius:44px}
.feature-phone img{border-radius:37px;image-rendering:auto}
.feature-phone .phone-camera{width:25px;height:25px;top:17px}
.feature-visual figcaption{color:white;text-shadow:0 1px 10px #183927aa;font-size:19px}
.feature-visual .visual-halo{display:none}
.feature-visual .mini-orbit{left:15px;top:130px}
.steps>li{display:flex;flex-direction:column}
.steps>li>p{flex:1}
.steps .step-demo{height:84px;min-height:84px}
.tiny-chat{background:#007aff;color:white;border-radius:24px 24px 5px 24px}
.comparison-brand{display:flex;align-items:center;gap:13px}
.comparison-brand img{object-fit:contain;flex-shrink:0;border-radius:8px}
@media(min-width:1600px){.hero{min-height:1470px}.hero-phone{width:358px}.hero-stage{height:880px}}
@media(min-width:701px) and (max-width:1000px){.hero{min-height:1360px}.hero-phone{width:304px}.hero-stage{height:760px}.feature-phone{width:min(290px,100%)}.feature-visual{min-height:820px}.steps .step-demo{font-size:18px;padding-left:12px;padding-right:12px}}
@media(max-width:700px){.hero{min-height:1230px}.hero-stage{height:730px}.hero-phone{width:270px}.hero-phone .phone-hardware{border-radius:40px}.hero-phone video{border-radius:33px}.orbit-builder{left:-3%;top:95px}.orbit-organizer{right:-3%;top:190px}.orbit-creative{right:-3%;top:430px}.hero-hex{width:78px;height:81px}.hero-droplet{width:74px;height:88px}.hero-cloud{width:95px;height:70px}.eyes-curious i:first-child{height:24px}.eyes-curious i:last-child{height:18px}.eyes-happy i{width:14px;height:13px;border-width:4px}.eyes-focused i{width:17px;height:8px}.stage-caption{top:500px}.feature-visual{min-height:805px;padding:36px 16px 24px}.feature-phone{width:min(290px,95%);border-radius:39px}.feature-phone img{border-radius:32px}.feature-phone .phone-camera{width:23px;height:23px;top:15px}.feature-visual figcaption{font-size:17px}.feature-visual .mini-orbit{left:4px;top:110px}.steps>li{display:grid}.steps>li>p{flex:initial}.steps .step-demo{height:auto;min-height:80px}.comparison-brand{gap:8px}.comparison-brand img{width:27px;height:27px}}
@media(max-width:380px){.hero-phone{width:248px}.hero-stage{height:690px}.hero{min-height:1210px}.feature-visual{min-height:730px}.feature-phone{width:min(260px,95%)}.hero-hex{width:66px;height:70px}.hero-droplet{width:65px;height:77px}.hero-cloud{width:79px;height:60px}.orbit-bot .bot-face{gap:11px}}

/* A discreet punch-hole camera, without the oversized surrounding ring. */
.phone-hardware .phone-camera{width:9px;height:9px;top:15px;background:#0b1015;border:1px solid #263240;box-shadow:none}
@media(max-width:700px){.phone-hardware .phone-camera{width:8px;height:8px;top:13px}}

.hero-task-note{position:absolute;z-index:5;top:24px;left:calc(50% - 325px);width:305px;padding:20px 22px 22px;border-radius:24px;background:#1c1c1eea;backdrop-filter:blur(24px);border:1px solid #ffffff24;box-shadow:0 16px 40px #142a3a40;color:#f5f5f7;text-align:left}
.task-note-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:23px;letter-spacing:-.3px;margin-bottom:15px}
.task-note-dots{color:#f3c451;font-size:17px;letter-spacing:2px;line-height:1}
.hero-task-note ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.hero-task-note li{display:flex;align-items:center;gap:11px;font-size:21px;line-height:1.15}
.note-check{width:21px;height:21px;border:1.5px solid #f3c451;border-radius:50%;flex-shrink:0;display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.note-check:after{content:'';width:9px;height:5px;border-left:1.8px solid #1c1c1e;border-bottom:1.8px solid #1c1c1e;transform:translateY(-1px) rotate(-45deg) scale(.4);opacity:0;transition:opacity .25s,transform .25s}
.hero-task-note li.complete .note-check{background:#f3c451}
.hero-task-note li.complete .note-check:after{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}
.hero-task-note li>span:last-child{transition:color .3s}
.hero-task-note li.complete>span:last-child{color:#b1b1b6;text-decoration:line-through;text-decoration-color:#77777d}
.hero-stage .orbit-builder{top:275px}
@media(min-width:701px) and (max-width:1000px){.hero-task-note{left:calc(50% - 290px);width:285px;padding:18px}.hero-task-note li{font-size:20px}}
@media(max-width:700px){.hero-task-note{top:0;left:50%;transform:translateX(-50%);width:278px;padding:17px 20px;border-radius:22px}.task-note-heading{font-size:21px;margin-bottom:13px}.hero-task-note li{font-size:20px;gap:10px}.hero-task-note ul{gap:12px}.hero-phone{top:170px}.hero-stage{height:900px}.hero-stage .orbit-builder{top:245px}.orbit-organizer{top:360px}.orbit-creative{top:600px}.stage-caption{top:675px}}
@media(max-width:380px){.hero-task-note{width:264px}.hero-stage{height:860px}.stage-caption{top:655px}}

/* Keep the checklist beside the lower edge, clear of the app recording. */
.hero-task-note{top:540px;left:calc(50% + 105px)}
@media(min-width:1600px){.hero-task-note{top:600px;left:calc(50% + 120px)}}
@media(min-width:701px) and (max-width:1000px){.hero-task-note{top:570px;left:calc(50% + 70px);width:260px}}
@media(max-width:700px){.hero-task-note{top:570px;left:auto;right:-5px;transform:none;width:250px;padding:16px 17px}.hero-task-note li{font-size:18px}.task-note-heading{font-size:20px}.hero-phone{top:0}.hero-stage{height:810px}.hero-stage .orbit-builder{top:125px}.orbit-organizer{top:260px}.orbit-creative{top:440px}.stage-caption{top:680px}}
@media(max-width:380px){.hero-task-note{top:535px;width:235px;right:-5px}.hero-task-note li{font-size:17px}.hero-stage{height:780px}.stage-caption{top:660px}}

.hero-stage .orbit-builder{top:115px}
@media(max-width:700px){.hero-stage .orbit-builder{top:95px}}

@font-face{font-family:Inter;src:url('/assets/fonts/inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.hero-task-note{background:#111113;font-family:Inter,sans-serif;letter-spacing:-.06em;border-color:#ffffff1a}
.hero-task-note .task-note-heading{font-family:inherit;letter-spacing:inherit;font-weight:600}
.hero-task-note .task-note-dots{letter-spacing:inherit}

.hero-task-note{font-family:var(--serif);letter-spacing:normal}
.hero-task-note .task-note-heading{font-weight:400;letter-spacing:normal}

.hero-task-note{top:565px;left:calc(50% + 135px);background:rgb(17 17 19 / 85%)}
@media(min-width:1600px){.hero-task-note{top:625px;left:calc(50% + 150px)}}
@media(min-width:701px) and (max-width:1000px){.hero-task-note{top:595px;left:calc(50% + 95px)}}
@media(max-width:700px){.hero-task-note{top:595px;left:auto;right:-15px}}
@media(max-width:380px){.hero-task-note{top:560px;right:-12px}}

/* On phones, give each element its own row instead of stacking overlays. */
@media(max-width:700px){
  .hero{min-height:0}
  .hero-stage{height:auto;display:grid;grid-template-columns:minmax(0,1fr);margin-top:40px;padding-bottom:0}
  .hero-stage .hero-phone{position:relative;grid-row:1;left:auto;top:auto;transform:none;width:min(270px,calc(100% - 24px));margin:0 auto}
  .hero-stage .hero-phone figcaption{font-size:15px;margin-top:15px;line-height:1.4}
  .hero-stage .hero-task-note{position:relative;grid-row:2;top:auto;right:auto;left:auto;transform:none;width:min(278px,100%);justify-self:end;margin:26px 0 0;padding:17px 20px}
  .hero-stage .stage-caption{position:relative;grid-row:3;top:auto;left:auto;transform:none;width:100%;margin:28px auto 0;text-align:center;font-size:25px;line-height:1.15}
  .hero .landscape-caption{position:relative;bottom:auto;left:auto;max-width:none;text-align:center;margin:25px auto 22px;font-size:12px;line-height:1.4}
  .hero-stage .orbit-builder{top:95px;left:0}
  .hero-stage .orbit-organizer{top:260px;right:0}
  .hero-stage .orbit-creative{top:440px;right:0}
  .promise-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:13px 20px;text-align:center}
  .promise-strip span{display:flex;align-items:center;justify-content:center;min-height:62px;padding:10px 9px;font-size:19px;line-height:1.2}
  .promise-strip span:nth-child(n+3){border-top:1px solid #d8dfd4}
  .promise-strip span:nth-child(even){border-left:1px solid #d8dfd4}
}
@media(max-width:380px){
  .hero-stage .hero-phone{width:min(248px,calc(100% - 24px))}
  .hero-stage .hero-task-note{width:min(264px,100%)}
  .promise-strip{padding:12px 15px}
  .promise-strip span{font-size:18px;padding:10px 6px}
}

@media(max-width:700px){.hero-stage .hero-task-note{justify-self:center;margin:26px auto 0}}