:root{--bg:#070807;--panel:#101210;--text:#f3f7f2;--muted:#929a94;--line:rgba(255,255,255,.11);--blue:#6c8cff;--green:#b8ff5f;--cyan:#59e4d0;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.1;background-image:radial-gradient(rgba(255,255,255,.11) .45px,transparent .55px);background-size:5px 5px;mask-image:linear-gradient(115deg,transparent,black 30%,transparent 72%)}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(7,8,7,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.055)}.nav{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.035em}.brand-orbit{width:31px;height:31px;position:relative;display:grid;place-items:center}.brand-orbit::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(184,255,95,.8)}.brand-orbit i{position:absolute;inset:4px;border:1px solid rgba(255,255,255,.75);border-radius:50% 45% 50% 48%;transform:rotate(30deg)}.brand-orbit i:nth-child(2){inset:1px 9px;transform:rotate(-35deg)}.nav-links{display:flex;gap:34px;margin:auto;font-size:12px;color:#a7aea8}.nav-links a:hover{color:white}.nav-cta{padding:10px 15px;border-radius:5px;color:#0b0d0b;background:var(--green);font-size:11px;font-weight:750}.nav-cta span{margin-left:10px}.menu-button{display:none;color:white;border:1px solid var(--line);background:transparent;border-radius:5px;padding:7px 12px}
.hero{text-align:center;padding:112px 0 110px;background:radial-gradient(circle at 50% 18%,rgba(77,108,224,.19),transparent 32%)}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:8px;letter-spacing:.17em;color:#aeb5af}.status-pill i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.hero h1{margin:28px auto 22px;max-width:1000px;font-size:clamp(58px,8.5vw,116px);line-height:.9;letter-spacing:-.075em;font-weight:590}.hero h1 span{color:transparent;background:linear-gradient(100deg,#98abff 10%,#70e2db 50%,var(--green));-webkit-background-clip:text;background-clip:text}.hero-copy{max-width:650px;margin:0 auto;color:var(--muted);font-size:16px}.prompt-box{width:min(790px,100%);margin:42px auto 85px;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(19,22,20,.85);box-shadow:0 30px 80px rgba(0,0,0,.36)}.prompt-input{min-height:70px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;gap:10px;padding:9px 10px 9px 17px}.prompt-input .spark{color:var(--green)}.prompt-input p{margin:0;color:#d8ded9;font-size:13px}.prompt-input button{border:0;border-radius:7px;padding:12px 15px;color:#0a0c0a;background:var(--green);font-size:11px;font-weight:800;cursor:pointer}.prompt-input button span{margin-left:16px}.prompt-options{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 11px;border-top:1px solid rgba(255,255,255,.07);color:#606661;font-size:8px}.prompt-options>div{display:flex;gap:6px}.prompt-options button{padding:5px 8px;color:#7d857f;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:8px;cursor:pointer}.prompt-options button:hover{color:white;border-color:#505651}.browser-stage{position:relative;width:min(1050px,100%);height:650px;margin:auto}.stage-glow{position:absolute;inset:20% 12% 2%;background:linear-gradient(100deg,rgba(76,102,255,.35),rgba(90,226,208,.15),rgba(184,255,95,.19));filter:blur(80px)}.browser-window{position:absolute;inset:0 40px 60px;border:1px solid rgba(255,255,255,.2);border-radius:13px;overflow:hidden;background:#eaece5;box-shadow:0 45px 100px rgba(0,0,0,.58)}.browser-top{height:40px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 14px;color:#676d67;background:#1b1d1c;font-size:8px}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border-radius:50%;background:#434744}.traffic i:first-child{background:#ee7768}.traffic i:nth-child(2){background:#e8c662}.traffic i:nth-child(3){background:#68c980}.address{justify-self:center;width:75%;padding:5px;border-radius:5px;background:#292c2a;color:#7e8680}.address span{margin-right:9px}.browser-actions{justify-self:end}.website-preview{height:calc(100% - 40px);color:#161918;background:#e9ece5;text-align:left}.preview-nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #c7cbc5;font-size:8px}.preview-nav>b{font-size:17px;letter-spacing:-.05em}.preview-nav>div{display:flex;gap:24px}.preview-nav>i{padding:8px 11px;color:white;background:#171a18;border-radius:999px;font-style:normal}.preview-hero{height:390px;display:grid;grid-template-columns:1.05fr .95fr;padding:52px 55px}.preview-copy small{font-size:7px;letter-spacing:.17em}.preview-copy h2{margin:22px 0 18px;font-size:50px;line-height:.91;letter-spacing:-.065em;font-weight:600}.preview-copy h2 em{color:#6357e5;font-family:Georgia,serif}.preview-copy p{max-width:280px;color:#666d67;font-size:9px}.preview-copy>b{display:inline-block;margin-top:25px;border-bottom:1px solid #161918;font-size:8px}.preview-copy>b span{color:#6357e5;margin-left:12px}.preview-art{position:relative;display:grid;place-items:center}.sphere{width:230px;height:230px;position:relative;border-radius:46% 54% 63% 37% / 39% 42% 58% 61%;background:radial-gradient(circle at 35% 28%,#c9d5ff,#6559e7 45%,#252368 75%,#121430);box-shadow:inset -20px -20px 60px rgba(0,0,0,.35),20px 30px 60px rgba(55,51,127,.25);transform:rotate(-12deg)}.sphere i{position:absolute;inset:26px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:rotate(32deg)}.sphere i:nth-child(2){inset:48px 16px;transform:rotate(-42deg)}.sphere span{position:absolute;right:20px;top:25px;color:var(--green);font-size:28px}.art-label{position:absolute;bottom:14px;right:5px;padding:9px 11px;color:white;background:#191c1a;font-size:7px;line-height:1.3;letter-spacing:.13em}.preview-strip{height:54px;display:flex;align-items:center;justify-content:center;gap:20px;color:#5e645e;border-top:1px solid #c7cbc5;font-size:7px;letter-spacing:.14em}.preview-strip i{color:#6559e7}.build-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(18,21,19,.9);backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,.32);text-align:left}.build-card>span{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;color:#111;background:var(--green);font-size:10px}.build-card b{display:block;font-size:9px}.build-card small{display:block;color:#797f7a;font-size:7px}.build-card-one{left:-5px;top:105px}.build-card-two{right:-12px;bottom:100px}.build-card-two>span{background:var(--cyan)}.build-card-three{left:65px;bottom:28px}.build-card-three>span{background:#899fff}
.signal-bar{border-block:1px solid var(--line);background:#0b0d0b}.signal-bar>div{min-height:95px;display:flex;align-items:center;gap:25px;color:#747b75;font-size:9px;letter-spacing:.14em}.signal-bar i{color:#3c423d;font-style:normal}.signal-bar b{margin-left:auto;color:#d2d7d2;font:italic 18px Georgia,serif;letter-spacing:0}.showcase{padding:145px 0}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:90px;margin-bottom:64px}.section-label{color:#687069;font-size:8px;letter-spacing:.18em}.section-heading h2,.capability-title h2,.workflow-intro h2{margin:22px 0 0;font-size:clamp(45px,6vw,75px);line-height:1.03;letter-spacing:-.06em;font-weight:520}.section-heading h2 span,.workflow-intro h2 span{color:var(--green);font-family:Georgia,serif;font-style:italic}.section-heading>p{color:var(--muted);font-size:14px}.showcase-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.project{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0e100f}.project:first-child{grid-row:span 2}.project-browser{height:410px;position:relative;overflow:hidden}.project:first-child .project-browser{height:760px}.project-meta{height:90px;display:grid;grid-template-columns:110px 1fr 30px;align-items:center;padding:0 22px;border-top:1px solid var(--line)}.project-meta span{color:#727a73;font-size:8px;letter-spacing:.13em}.project-meta b{font-size:12px;font-weight:550}.project-meta i{color:var(--green);font-style:normal}.project-fashion .project-browser{color:#241f1b;background:#e9dfd4}.project-nav{display:flex;justify-content:space-between;padding:24px;font-size:14px}.project-nav span{font-size:7px;letter-spacing:.14em}.fashion-copy{position:absolute;left:33px;top:190px;z-index:2}.fashion-copy small{font-size:7px;letter-spacing:.16em}.fashion-copy h3{margin:14px 0;font:500 72px/.83 Georgia,serif;letter-spacing:-.06em}.fashion-copy p{font-size:9px}.fashion-shape{position:absolute;width:380px;height:510px;right:-85px;bottom:-75px;border-radius:50% 45% 15% 45%;background:linear-gradient(135deg,#eca887,#8b4c3f 42%,#2b1719 72%);transform:rotate(18deg);box-shadow:inset 50px 20px 90px rgba(255,238,219,.35)}.fashion-shape i{position:absolute;inset:55px;border:1px solid rgba(255,255,255,.25);border-radius:inherit}.project-tech .project-browser{padding:23px;color:#dfe8ff;background:radial-gradient(circle at 75% 45%,rgba(67,100,220,.5),transparent 30%),#0b1127}.tech-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em}.tech-top b{font-size:13px}.tech-orb{position:absolute;width:215px;height:215px;right:25px;top:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(130,161,255,.45);border-radius:50%;box-shadow:0 0 0 26px rgba(106,138,255,.05),0 0 0 52px rgba(106,138,255,.025)}.tech-orb i{position:absolute;inset:22px;border:1px dashed rgba(139,167,255,.4);border-radius:50%}.tech-orb b{font-size:38px;letter-spacing:-.05em}.tech-orb small{font-size:6px;letter-spacing:.16em;color:#899ad0}.project-tech h3{position:absolute;left:25px;bottom:28px;margin:0;font-size:30px;line-height:.98;letter-spacing:-.05em}.project-event .project-browser{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#151511;background:#dbff59}.event-grid{position:absolute;inset:0;background:linear-gradient(rgba(21,21,17,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,17,.1) 1px,transparent 1px);background-size:35px 35px}.event-date{position:absolute;top:21px;left:23px;font-size:7px;letter-spacing:.17em}.project-event h3{position:relative;margin:0;text-align:center;font-size:58px;line-height:.8;letter-spacing:-.075em}.project-event h3 em{font-family:Georgia,serif;font-weight:400}.event-pill{position:relative;margin-top:28px;padding:7px 10px;border:1px solid #151511;border-radius:999px;font-size:7px;letter-spacing:.14em}
.capabilities{padding:145px 0;background:#eff2eb;color:#151815}.capability-title{display:grid;grid-template-columns:.55fr 1.45fr;gap:100px;align-items:start}.capability-title h2{margin-top:-8px}.capability-title h2 span{color:#4855e6}.capability-list{margin-top:70px;border-top:1px solid #c6cbc3}.capability{display:grid;grid-template-columns:50px .65fr 1fr 100px;align-items:center;gap:25px;min-height:150px;border-bottom:1px solid #c6cbc3}.capability>span{font-size:9px;color:#777e77}.capability h3{font-size:20px;letter-spacing:-.025em}.capability p{max-width:470px;color:#687068;font-size:12px}.capability b{justify-self:end;color:#566057;font-size:8px;letter-spacing:.15em}
.bento{padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.bento-card{min-height:490px;position:relative;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.bento-copy{grid-row:span 2;min-height:996px;background:radial-gradient(circle at 50% 60%,rgba(108,140,255,.18),transparent 36%),#101211}.bento-card h3{margin:25px 0 12px;font-size:37px;line-height:1.05;letter-spacing:-.045em;font-weight:520}.bento-card>p{max-width:400px;color:var(--muted);font-size:13px}.copy-lines{position:absolute;left:28px;right:28px;bottom:45px;height:480px;border:1px solid var(--line);border-radius:9px;padding:28px;background:#0b0d0c}.copy-lines::before{content:"✦";color:var(--green);font-size:18px}.copy-lines i{display:block;height:8px;margin:28px 0;border-radius:4px;background:#202522}.copy-lines i:nth-child(2){width:82%}.copy-lines i:nth-child(3){width:65%;background:#29322b}.copy-lines b{position:absolute;left:28px;bottom:35px;font:italic 38px/1.1 Georgia,serif;color:#a8b8ff}.bento-responsive{background:radial-gradient(circle at 65% 70%,rgba(184,255,95,.15),transparent 33%),#101211}.device{position:absolute;bottom:28px;border:1px solid #56605a;background:#080a09;border-radius:7px;padding:6px}.device>div{height:100%;background:linear-gradient(145deg,#5161d7,#18213e 60%,#9bd94f)}.device-desktop{width:280px;height:170px;right:40px}.device-tablet{width:130px;height:155px;right:250px;bottom:16px}.device-mobile{width:72px;height:135px;right:20px;bottom:16px;border-radius:12px}.bento-system{background:#151912}.token-row{display:flex;gap:10px;margin-top:45px}.token-row i{width:48px;height:48px;border-radius:50%;background:var(--blue)}.token-row i:nth-child(2){background:var(--green)}.token-row i:nth-child(3){background:var(--cyan)}.token-row i:nth-child(4){background:#f2f4ec}.type-row{position:absolute;left:28px;right:28px;bottom:30px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.type-row b{font:70px/.8 Georgia,serif}.type-row span{color:var(--muted);font-size:9px}
.workflow{padding:50px 0 145px}.workflow-intro{text-align:center;margin-bottom:85px}.timeline{position:relative}.timeline::before{content:"";position:absolute;left:26px;top:30px;bottom:30px;border-left:1px solid #2b302c}.timeline-step{display:grid;grid-template-columns:55px 1fr 1.2fr;align-items:center;gap:35px;min-height:210px;border-bottom:1px solid var(--line)}.timeline-number{z-index:1;width:53px;height:53px;display:grid;place-items:center;border:1px solid #353b36;border-radius:50%;background:var(--bg);font-size:10px}.timeline-copy h3{margin:0 0 8px;font-size:20px}.timeline-copy p{margin:0;max-width:320px;color:var(--muted);font-size:12px}.timeline-preview{justify-self:end;width:430px;min-height:105px;padding:20px;border:1px solid var(--line);border-radius:9px;background:#0e100f}.prompt-mini{position:relative;color:#b6bcb7;font-size:12px}.prompt-mini i{position:absolute;right:17px;bottom:17px;color:var(--green);font-style:normal}.generation-mini{display:flex;align-items:flex-end;gap:7px;position:relative}.generation-mini span{width:28%;height:54px;background:#1a1f1b;border-radius:3px}.generation-mini span:nth-child(2){height:70px;background:#252e27}.generation-mini span:nth-child(3){height:85px;background:linear-gradient(#334541,#202622)}.generation-mini b{position:absolute;right:16px;top:14px;color:var(--green);font-size:8px}.edit-mini{display:flex;align-items:center;justify-content:space-between}.edit-mini i{font-size:11px;color:#c1c7c2}.edit-mini b{padding:5px 8px;border-radius:999px;color:#111;background:var(--green);font-size:7px}.link-mini{display:flex;align-items:center;gap:12px}.link-mini i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.link-mini span{font-size:12px}.link-mini b{margin-left:auto;color:var(--green)}
.final-cta{height:650px;margin-bottom:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0e110f}.cta-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle,black,transparent 75%)}.cta-beam{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(107,139,255,.3),rgba(76,227,205,.12) 45%,transparent 70%);filter:blur(15px)}.final-cta>*:not(.cta-grid,.cta-beam){position:relative}.final-cta>span{font-size:8px;letter-spacing:.2em;color:#8d958f}.final-cta h2{margin:23px 0 14px;font-size:clamp(54px,7vw,90px);line-height:.94;letter-spacing:-.07em;font-weight:540}.final-cta h2 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.final-cta>p{color:var(--muted);font-size:14px}.button-light{display:inline-flex;align-items:center;gap:35px;margin-top:24px;padding:14px 18px;color:#101310;background:white;border-radius:5px;font-size:11px;font-weight:800}.button-light span{color:#5068df}footer{border-top:1px solid var(--line)}.footer-inner{height:120px;display:flex;align-items:center;justify-content:space-between;color:#656c66;font-size:9px}.footer-inner p{letter-spacing:.13em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:950px){.nav-links{display:none;position:absolute;top:67px;left:24px;right:24px;padding:18px;background:#111411;border:1px solid var(--line);border-radius:8px;flex-direction:column}.nav-links.open{display:flex}.menu-button{display:block;margin-left:auto}.nav-cta{display:none}.browser-stage{height:560px}.browser-window{inset:0 20px 50px}.build-card-one{left:-5px}.build-card-two{right:-5px}.section-heading,.capability-title{grid-template-columns:1fr;gap:30px}.showcase-grid{grid-template-columns:1fr}.project:first-child{grid-row:auto}.project:first-child .project-browser{height:620px}.capability{grid-template-columns:40px .7fr 1.3fr}.capability>b{display:none}.bento{grid-template-columns:1fr}.bento-copy{grid-row:auto;min-height:760px}.timeline-step{grid-template-columns:55px 1fr}.timeline-preview{grid-column:2;width:100%;justify-self:stretch;margin-bottom:28px}.timeline-step{padding-top:25px}.signal-bar b{display:none}}
@media(max-width:620px){.shell,.nav{width:min(100% - 30px,var(--max))}.hero{padding-top:75px}.hero h1{font-size:60px}.prompt-input{grid-template-columns:24px 1fr}.prompt-input button{grid-column:1/3;width:100%}.prompt-options>span,.prompt-options button:nth-child(n+2){display:none}.browser-stage{height:430px}.browser-window{inset:0 0 30px}.browser-top{grid-template-columns:1fr 2fr 1fr}.website-preview{height:calc(100% - 40px)}.preview-nav{padding:0 15px}.preview-nav>div{display:none}.preview-hero{height:290px;grid-template-columns:1fr;padding:35px 25px}.preview-copy h2{font-size:36px}.preview-art{display:none}.preview-strip{gap:8px}.preview-strip span:nth-of-type(n+2),.preview-strip i:nth-of-type(n+1){display:none}.build-card{display:none}.signal-bar>div{gap:10px;justify-content:center}.showcase{padding-block:95px}.section-heading h2,.capability-title h2,.workflow-intro h2{font-size:49px}.project:first-child .project-browser{height:500px}.fashion-copy{top:140px}.fashion-copy h3{font-size:58px}.fashion-shape{width:300px;height:400px;right:-130px}.project-meta{grid-template-columns:90px 1fr 20px}.capabilities{padding-block:95px}.capability{grid-template-columns:30px 1fr;padding:25px 0}.capability h3{margin:0}.capability p{grid-column:2;margin:0}.bento{padding-block:80px}.bento-card{min-height:470px}.bento-copy{min-height:680px}.copy-lines{height:350px}.copy-lines b{font-size:31px}.device-desktop{width:230px;right:20px}.device-tablet{right:190px}.workflow{padding-bottom:95px}.timeline-step{grid-template-columns:45px 1fr;gap:18px}.timeline::before{left:21px}.timeline-number{width:43px;height:43px}.final-cta{width:calc(100% - 30px);height:540px}.final-cta h2{font-size:56px}.footer-inner{height:145px;flex-direction:column;justify-content:center;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}