:root{--canvas: #F7F8F9;--ink: #1B1530;--mist: #535F70;--berry: #AD3E5A;--coral: #FF7D66;--bg-light: var(--canvas);--bg-dark: #131922;--primary-coral: var(--coral);--text-light: var(--ink);--text-dark: #ffffff;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--container-max: 1200px;--container-pad: 40px;--section-pad: 100px;--radius: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--canvas);color:var(--ink);overflow-x:hidden;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}h1,h2,h3{font-family:var(--font-sans);line-height:1.08;letter-spacing:-.02em;font-weight:900}h1{font-size:clamp(2.6rem,6vw,4.1rem)}h2{font-size:clamp(2rem,4vw,2.9rem)}h3{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;line-height:1.25}.subheadline{font-weight:400;font-size:clamp(1.02rem,1.6vw,1.15rem);line-height:1.65;max-width:500px;color:var(--mist)}.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--mist);display:block;margin-bottom:1rem}.cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.app-store-cta{display:inline-block}.app-store-cta img{opacity:.9;transition:opacity .3s ease;display:block}.app-store-cta:hover img{opacity:1}.cta-ink{display:inline-flex;align-items:center;gap:.5rem;background:var(--ink);color:var(--canvas);font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:15px 28px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}.cta-ink:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1b153038}.cta-ink .cta-ink-arrow{transition:transform .2s ease}.cta-ink:hover .cta-ink-arrow{transform:translate(3px)}.hero{padding:var(--section-pad) 0 calc(var(--section-pad) - 20px)}.hero .container{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.hero-text h1{margin-bottom:1.5rem}.hero-text h1 .hero-line-2{color:var(--mist)}.hero-cta{margin-top:2.25rem}.hero-phones{position:relative;height:540px;display:flex;justify-content:center;align-items:center}.hero-phone{position:absolute;width:260px;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 20px #00000014;border:6px solid #1a1a1a;background:#1a1a1a}.hero-phone--back{left:0;top:0;transform:rotate(-3deg);z-index:1}.hero-phone--front{right:0;top:40px;transform:rotate(2deg);z-index:2}.hero-phones:before{content:"";position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:140%;height:110%;background:radial-gradient(ellipse at center,rgba(173,62,90,.22) 0%,rgba(255,125,102,.16) 30%,rgba(255,125,102,.07) 55%,transparent 75%);z-index:0;border-radius:50%;filter:blur(20px)}.hero-phone img{width:100%;height:auto;display:block}.promo{padding:0 0 var(--section-pad)}.promo-frame{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(160deg,#fff,#eceef1);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.promo-play{width:62px;height:62px;border-radius:50%;background:var(--ink);color:var(--canvas);display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding-left:4px}.promo-label{font-family:var(--font-sans);font-weight:700;letter-spacing:-.01em;color:var(--ink)}.promo-hint{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mist)}.chain{border-top:1px solid rgba(0,0,0,.06)}.chain-intro{padding:var(--section-pad) 0 0;text-align:center}.chain-intro .subheadline{margin:.9rem auto 0}.chain-row{padding:var(--section-pad) 0}.chain-row+.chain-row{border-top:1px solid rgba(0,0,0,.05)}.chain-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.chain-row--reverse .chain-media{order:-1}.chain-title{margin-bottom:1.1rem}.chain-body{font-size:clamp(1.02rem,1.5vw,1.12rem);line-height:1.7;color:var(--mist);max-width:460px}.chain-media{display:flex;justify-content:center}.chain-phone{width:280px;border-radius:32px;overflow:hidden;border:6px solid #1a1a1a;background:#1a1a1a;box-shadow:0 20px 60px #0000001f,0 4px 20px #0000000f}.chain-phone img{width:100%;height:auto;display:block}.dillr-say{margin-top:1.75rem;padding:16px 20px;max-width:460px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 30px #0000000a}.dillr-say-label{font-family:var(--font-mono);font-size:.58rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--mist);display:block;margin-bottom:8px}.dillr-say p{font-family:var(--font-serif);font-size:1.05rem;line-height:1.5;color:var(--ink)}.chain-row--feature{padding:calc(var(--section-pad) + 20px) 0}.chain-row--feature .chain-phone{width:300px}.chain-row--feature .chain-title{font-size:clamp(2.3rem,4.4vw,3.2rem)}.chain-cta{margin-top:2rem}.surfaces{padding:var(--section-pad) 0;text-align:center}.surfaces .eyebrow{text-align:center}.surfaces h2{margin-bottom:.6rem}.surfaces .subheadline{margin:0 auto 3rem}.surfaces-grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:24px;text-align:left}.surface-card{position:relative;display:block;padding:28px 30px;background:#fff;border:1px solid rgba(27,21,48,.08);border-radius:var(--radius, 20px);box-shadow:0 2px 16px #1b15300a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.surface-card:hover{transform:translateY(-3px);border-color:#1b153024;box-shadow:0 12px 34px #1b153014}.surface-logo{display:flex;align-items:center;height:30px;margin-bottom:1rem}.surface-logo svg{height:30px;width:auto;display:block}.surface-logo--openai{color:var(--text-light)}.surface-name{display:block;font-family:var(--font-sans);font-weight:800;font-size:1.1rem;letter-spacing:-.01em;margin-bottom:.35rem}.surface-desc{display:block;font-size:.92rem;color:var(--mist);line-height:1.6}.surface-arrow{position:absolute;top:28px;right:30px;color:var(--berry);opacity:.5;transition:transform .2s ease,opacity .2s ease}.surface-card:hover .surface-arrow{transform:translate(3px);opacity:.85}.why-section{padding:var(--section-pad) 0;background:var(--bg-dark);color:var(--text-dark)}.why-section h2{color:var(--text-dark);text-align:center;margin-bottom:.6rem}.why-section .subheadline{color:#ffffff8c;text-align:center;margin:0 auto 3rem}.why-list{max-width:660px;margin:0 auto}.why-item{padding:1.75rem 0;border-top:1px solid rgba(255,255,255,.08)}.why-item:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.why-item h3{color:var(--text-dark);margin-bottom:.4rem}.why-item p{font-size:.95rem;color:#ffffff8c;line-height:1.65}.final-cta{padding:var(--section-pad) 0 90px;text-align:center}.final-cta h2{margin-bottom:.8rem}.final-cta .subheadline{margin:0 auto 2rem}.final-cta .cta-row{justify-content:center}.human-note{font-family:var(--font-sans);font-size:.88rem;font-style:italic;text-align:center;color:var(--mist);opacity:.7;margin-top:2.5rem}@media(max-width:768px){:root{--container-pad: 24px;--section-pad: 64px}.hero .container{grid-template-columns:1fr;gap:40px}.hero-phones{height:420px}.hero-phone{width:200px}.hero-phone--back{left:6%}.hero-phone--front{right:6%}.chain-grid{grid-template-columns:1fr;gap:36px}.chain-media{order:-1}.chain-phone,.chain-row--feature .chain-phone{width:230px}.surfaces-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}.cta-row{gap:16px}}@media(max-width:480px){.hero-phones{height:480px}.hero-phone--back{display:none}.hero-phone--front{position:relative;right:auto;top:0;width:230px;transform:rotate(0)}}