:root{--bg:#0b1014;--surface:#12191e;--surface2:#192127;--line:#2b363c;--fg:#f3f5e9;--muted:#a7b3b3;--acid:#d8f973;--blue:#a5c8ff;--violet:#b8afff;--warm:#f1c8aa;--radius:20px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.5}body::before{content:"";pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acid)}::selection{background:var(--acid);color:var(--bg)}.container{max-width:var(--max);margin:auto;padding-inline:30px}.skip{position:absolute;top:-100px;left:10px;z-index:99;padding:12px;background:var(--acid);color:var(--bg)}.skip:focus{top:8px}.eyebrow{font:600 .73rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--acid)}.muted{color:var(--muted)}.top{position:sticky;top:0;z-index:15;background:rgba(11,16,20,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.top-inner{min-height:76px;display:flex;gap:25px;justify-content:space-between;align-items:center}.logo{display:flex;gap:10px;align-items:center;font-size:1rem;font-weight:850;letter-spacing:-.04em;white-space:nowrap}.logo img{height:37px;width:37px}.logo em{font-style:normal;color:var(--acid)}.navlinks{display:flex;align-items:center;gap:28px}.navlinks a{font-size:.84rem;color:#b8c2c4;transition:color .2s}.navlinks a:hover,.navlinks a[aria-current]{color:var(--fg)}.menu-toggle{display:none;align-items:center;gap:8px;background:transparent;color:var(--fg);border:1px solid var(--line);padding:9px 12px;border-radius:10px}.btn{display:inline-flex;gap:11px;align-items:center;justify-content:center;background:var(--acid);color:#111718;font-weight:800;border:1px solid var(--acid);padding:14px 22px;border-radius:100px;transition:transform .2s,background .2s;min-height:48px;text-align:center}.btn:hover{transform:translateY(-2px);background:#e4ff9d}.btn.secondary{background:transparent;border-color:#57676b;color:var(--fg)}.btn.secondary:hover{background:var(--surface2)}.btn.small{padding:10px 16px;min-height:38px;font-size:.78rem}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}.hero{padding-block:88px 110px;overflow:hidden;position:relative}.hero::before{content:"";position:absolute;top:-350px;right:-120px;width:750px;height:750px;border-radius:100%;background:radial-gradient(circle,rgba(216,249,115,.09),transparent 67%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.hero h1,.page-title{font-size:clamp(3.6rem,6.4vw,6.4rem);line-height:.95;letter-spacing:-.085em;margin:22px 0 28px;font-weight:870}.hero h1 span{display:block}.hero h1 .outline{color:var(--acid)}.hero p{font-size:1.08rem;max-width:490px;color:#bdc9c9;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{display:flex;gap:28px;margin-top:65px;color:#adbaba;font:600 .68rem ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.hero-meta span:first-child{color:var(--acid)}.hero-art{position:relative;min-height:580px;display:flex;align-items:center}.orbital{width:min(100%,565px);aspect-ratio:1;border:1px solid #3c4d4b;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 30% 40%,rgba(216,249,115,.1),transparent 46%),repeating-radial-gradient(circle,transparent 0 62px,rgba(255,255,255,.035) 63px 64px)}.orbital::before,.orbital::after{content:"";border:1px dashed #506453;border-radius:50%;position:absolute;inset:11%;animation:spin 50s linear infinite}.orbital::after{inset:30%;animation-direction:reverse}.art-card{width:75%;aspect-ratio:1.12;position:relative;transform:rotate(-6deg);background:#e7ede1;border-radius:14px;box-shadow:0 30px 80px #000a;overflow:hidden;border:7px solid #e7ede1}.art-card .bar{height:9%;background:#d1dacf;display:flex;gap:5px;align-items:center;padding:7px}.bar i{width:7px;height:7px;background:#879587;border-radius:50%}.art-inner{padding:10%;height:91%;background:#e7ede1;color:#17201c}.art-inner b{font-size:clamp(1.55rem,4vw,3.1rem);letter-spacing:-.09em;line-height:.99;display:block}.art-inner .green{color:#486d29}.art-inner p{font-size:clamp(.55rem,1vw,.75rem);color:#344b46;margin-top:15px}.art-inner .art-button{background:#19291b;color:#dcffab;border-radius:50px;font-size:.59rem;display:inline-block;padding:10px 15px}.art-circles{width:165px;height:165px;border:26px solid #afcc8f;border-radius:50%;position:absolute;bottom:-28px;right:-20px;box-shadow:0 0 0 28px #d3e1bf}.float-label{position:absolute;background:#1d2729;color:#edf5ec;border:1px solid #4d5f5b;padding:14px 16px;border-radius:12px;box-shadow:0 13px 45px #0007;font:600 .72rem ui-monospace,monospace}.float-label.one{top:11%;right:-5%}.float-label.two{bottom:9%;left:-8%}.float-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:7px}.band{border-block:1px solid var(--line);padding:18px 0;background:#11191b;overflow:hidden}.bandline{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;color:#98aaab;font:700 .7rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.bandline strong{color:var(--fg)}.section{padding-block:110px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.section h2,.page-heading{font-size:clamp(2.5rem,5.9vw,5.2rem);line-height:1.02;letter-spacing:-.067em;margin:12px 0}.section .lede{color:var(--muted);font-size:1rem;max-width:470px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:linear-gradient(145deg,#192127,#11191d);border:1px solid #303c42;border-radius:22px;padding:28px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:#879a7b}.service-card .num{font:600 .75rem ui-monospace,monospace;color:var(--acid)}.service-card h3{font-size:1.6rem;letter-spacing:-.05em;margin-bottom:10px}.service-card p{font-size:.9rem;color:var(--muted)}.service-card .symbol{font-size:4rem;line-height:1;color:#a6bfc1;letter-spacing:-.1em}.panel{border:1px solid #354349;background:#172024;border-radius:24px;padding:26px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project{border:1px solid #344047;background:#11191e;border-radius:20px;overflow:hidden;transition:transform .25s}.project:hover{transform:translateY(-4px)}.project-shot{min-height:270px;display:flex;align-items:center;justify-content:center;padding:28px;position:relative;overflow:hidden}.project-shot::before{content:"";position:absolute;inset:0;opacity:.42;background:radial-gradient(circle at 72% 16%,#fff8,transparent 35%)}.project-shot .poster{width:85%;border-radius:12px;padding:20px;aspect-ratio:1.55;transform:rotate(-3deg);box-shadow:0 15px 45px #0005;position:relative;display:flex;flex-direction:column;justify-content:space-between}.poster .window{display:flex;gap:5px}.poster .window i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4}.poster .poster-title{font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.02;letter-spacing:-.05em}.poster small{font:600 .6rem ui-monospace,monospace;text-transform:uppercase}.project:nth-child(1) .project-shot{background:#d7d7c9}.project:nth-child(1) .poster{background:#f4f2ea;color:#494f43}.project:nth-child(2) .project-shot{background:#3b2527}.project:nth-child(2) .poster{background:#141517;color:#ead8aa}.project:nth-child(3) .project-shot{background:#d9c8c4}.project:nth-child(3) .poster{background:#fff9f4;color:#7b5260}.project:nth-child(4) .project-shot{background:#272f3d}.project:nth-child(4) .poster{background:#eee4d2;color:#303441}.project-info{padding:22px}.project-info h3{font-size:1.35rem;margin:0 0 5px;letter-spacing:-.03em}.project-info p{margin:0 0 13px;color:var(--muted);font-size:.87rem}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;border:1px solid #465357;color:#b0bfbd;font:600 .65rem ui-monospace,monospace;padding:6px 9px;border-radius:100px}.feature-box{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;background:#d8f973;color:#0d1413;border-radius:26px;padding:48px;overflow:hidden}.feature-box h2{color:#151e15;margin:10px 0 20px}.feature-box p{max-width:490px;color:#3a4633}.feature-box .btn{background:#101713;color:var(--acid);border-color:#101713}.feature-illustration{height:330px;background:#17221b;border:8px solid #f4ffd1;border-radius:15px;transform:rotate(4deg);box-shadow:0 20px 0 #99af4a;overflow:hidden;padding:12px}.feature-illustration .dots{color:#c5eeb4;font-size:12px;letter-spacing:.17em}.fi-card{height:86%;margin-top:10px;background:#f5eee3;border-radius:5px;padding:22px;color:#182c22}.fi-card strong{font:800 2.6rem/.97 Arial;letter-spacing:-.07em}.fi-card .swatches{display:flex;margin-top:20px;gap:8px}.swatches i{width:42px;height:42px;border-radius:50%;background:#db909a}.swatches i:nth-child(2){background:#bcceb3}.swatches i:nth-child(3){background:#252a23}.lab-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.lab-card{border:1px solid #3e4651;background:radial-gradient(circle at 65% 10%,#222339,#151a22 62%);border-radius:22px;min-height:360px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.lab-card:nth-child(2){background:radial-gradient(circle at 80% 20%,#273e35,#141e20 70%)}.lab-card h3{font-size:2rem;letter-spacing:-.05em;margin:0 0 12px}.lab-card p{color:#b5c0c5;max-width:470px}.lab-glyph{font:800 clamp(5rem,12vw,10rem)/.9 ui-monospace,monospace;letter-spacing:-.11em;color:#beb3fa;text-align:right;user-select:none}.lab-card:nth-child(2) .lab-glyph{color:#d8f973}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price{border:1px solid #344047;background:#141c21;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px}.price.featured{border-color:var(--acid);background:#1a2420}.price h3{margin:0;font-size:1.3rem}.price strong{font-size:2.4rem;letter-spacing:-.08em}.price ul{padding-left:18px;color:#b5c0c0;font-size:.87rem;flex:1}.price li{margin-bottom:8px}.price .btn{width:100%}.cta-strip{padding:75px 0;border-top:1px solid var(--line)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-inner h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.06em;margin:0}.footer{border-top:1px solid var(--line);padding:48px 0 26px;background:#0a0f12}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:35px}.footer p{font-size:.82rem;color:#8d9b9c;max-width:360px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.78rem;color:#b6c3c4}.footnote{border-top:1px solid #1e292e;margin-top:44px;padding-top:16px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#78898d;font:600 .66rem ui-monospace,monospace}.page-intro{padding:75px 0 48px}.page-intro .page-heading{max-width:930px}.page-intro p{font-size:1.05rem;color:var(--muted);max-width:710px}.builder-shell{display:grid;grid-template-columns:minmax(280px,365px) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:65px}.builder-controls,.builder-preview,.summary-card,.demo-box{border:1px solid #334148;border-radius:20px;background:#141c21}.builder-controls{padding:24px}.builder-controls h2,.summary-card h3{font-size:1.1rem;margin:0 0 16px}.field{margin-bottom:22px}.field label,.field legend{display:block;font:700 .75rem ui-monospace,monospace;color:#d6e0db;letter-spacing:.02em;margin-bottom:10px}.field input[type=text],.field select,.field textarea{background:#0b1215;border:1px solid #445159;width:100%;color:var(--fg);border-radius:10px;padding:12px;min-height:46px}.field textarea{min-height:90px;resize:vertical}.field fieldset{border:0;margin:0;padding:0}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.segmented button,.choices button,.device-tabs button{border:1px solid #46545c;border-radius:10px;background:#11191e;color:#bdc9c5;padding:10px;font-size:.78rem;min-height:40px}.segmented button[aria-pressed=true],.choices button[aria-pressed=true],.device-tabs button[aria-pressed=true]{background:var(--acid);border-color:var(--acid);color:#151d16;font-weight:800}.check{display:flex;gap:9px;align-items:start;color:#bbc6c8;margin:9px 0;font-size:.85rem}.check input{accent-color:#d8f973;margin-top:4px}.builder-preview{overflow:hidden;padding:20px;background:radial-gradient(circle at 60% 10%,#1d2d30,#12191d 70%)}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.preview-top h2{font:700 .74rem ui-monospace,monospace;letter-spacing:.08em;margin:0;color:#b7c6c6}.device-tabs{display:flex;gap:6px}.device-tabs button{min-height:34px;padding:6px 10px}.mock-outer{min-height:550px;display:grid;place-items:center;overflow:hidden}.mock-site{--p-bg:#f8f5ef;--p-ink:#292e29;--p-accent:#748f76;width:100%;min-height:480px;background:var(--p-bg);color:var(--p-ink);border:1px solid #8884;border-radius:12px;overflow:hidden;transition:width .3s,background .3s;color:var(--p-ink);box-shadow:0 24px 60px #0007}.mock-site[data-device=mobile]{width:340px;max-width:100%;min-height:530px}.mock-site[data-theme=dark]{--p-bg:#171c22;--p-ink:#f2e7d3;--p-accent:#dcad74}.mock-site[data-theme=rose]{--p-bg:#fff3f3;--p-ink:#422f38;--p-accent:#9c6579}.mock-site[data-theme=blue]{--p-bg:#ecf2ff;--p-ink:#172944;--p-accent:#3762ae}.mock-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding:20px 6%;font-size:.68rem;gap:10px}.mock-nav strong{font-size:.92rem;letter-spacing:-.045em}.mock-nav span{opacity:.65}.mock-hero{padding:9% 8%;display:grid;grid-template-columns:1fr .85fr;gap:14px;align-items:center}.mock-hero small{font:700 .57rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--p-accent)}.mock-hero h3{font-size:clamp(1.4rem,3.5vw,3rem);line-height:1.05;letter-spacing:-.07em;margin:12px 0}.mock-hero p{font-size:.72rem;opacity:.7;max-width:250px}.mock-hero .mock-btn{display:inline-block;background:var(--p-accent);color:#fff;border-radius:100px;padding:10px 13px;font:700 .6rem Arial;max-width:100%;text-align:center}.mock-image{aspect-ratio:.82;border-radius:9px;position:relative;overflow:hidden;background:linear-gradient(145deg, color-mix(in srgb, var(--p-accent), white 65%),var(--p-accent))}.mock-image::before{content:"";border:24px solid #ffffff55;width:65%;aspect-ratio:1;border-radius:50%;position:absolute;top:10%;right:-15%}.mock-image::after{content:"";width:65%;height:80%;position:absolute;bottom:-40%;left:3%;border-radius:50% 50% 20% 20%;transform:rotate(30deg);background:#ffffff77}.mock-blocks{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8% 8%;gap:11px}.mock-blocks article{background:color-mix(in srgb,var(--p-accent),transparent 85%);border-radius:6px;padding:16px;min-height:95px}.mock-blocks b{display:block;font-size:.64rem}.mock-blocks p{font-size:.56rem;opacity:.65}.mock-site[data-device=mobile] .mock-nav span{display:none}.mock-site[data-device=mobile] .mock-hero{grid-template-columns:1fr;padding:9%}.mock-site[data-device=mobile] .mock-image{aspect-ratio:1.75}.mock-site[data-device=mobile] .mock-hero h3{font-size:1.85rem}.mock-site[data-device=mobile] .mock-blocks{grid-template-columns:1fr}.mock-site[data-device=mobile] .mock-blocks article{min-height:52px;padding:12px}.summary-card{padding:23px;margin-top:20px}.summary-card .estimate{font-size:2.1rem;font-weight:800;letter-spacing:-.06em;color:var(--acid)}.summary-card small{color:#9aaeb0}.summary-card .btn{margin-top:15px;width:100%}.summary-card .link-button{width:100%;margin-top:8px}.link-button{background:none;border:0;color:var(--acid);text-decoration:underline;text-underline-offset:4px;padding:7px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:90px}.demo-box{padding:28px}.demo-box h2{font-size:1.5rem;letter-spacing:-.045em;margin-top:0}.workflow{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;padding:25px 0}.node{border:1px solid #6a7572;background:#202b2b;color:var(--fg);padding:16px 12px;border-radius:12px;min-width:110px;flex:1;text-align:center;font-size:.75rem;font-weight:700;transition:all .22s}.node.done{background:#d8f973;color:#101511;border-color:#d8f973}.arrow{color:var(--acid)}.event-log{height:155px;overflow:auto;background:#0b1417;padding:14px;border:1px solid #324146;border-radius:12px;color:#b6d3bd;font:500 .77rem/1.8 ui-monospace,monospace}.event-log p{margin:0}.questions{padding:0;margin:20px 0;list-style:none}.question{display:none}.question.active{display:block}.answer-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.answer-grid button{background:#1a262b;color:var(--fg);border:1px solid #486064;border-radius:10px;text-align:left;padding:13px}.answer-grid button:hover{border-color:var(--acid)}.game-progress{height:7px;background:#313c3c;border-radius:100px;overflow:hidden;margin-bottom:18px}.game-progress i{display:block;height:100%;background:var(--acid);transition:width .2s}.feedback{min-height:50px;font-size:.84rem;color:var(--acid)}.legal{max-width:800px;padding-bottom:90px;color:#c1cbca}.legal h2{margin-top:40px}.legal a{color:var(--acid);text-decoration:underline}.notice{border:1px solid #556452;background:#1a2a24;border-radius:12px;padding:14px;color:#d3e8c6;font-size:.85rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr;gap:5px}.hero-art{min-height:470px}.float-label.one{right:0}.float-label.two{left:0}.navlinks{gap:17px}.section{padding-block:80px}.orbital{width:100%}.service-card{min-height:290px}.service-card .symbol{font-size:3rem}}@media(max-width:800px){.container{padding-inline:20px}.menu-toggle{display:inline-flex}.navlinks{display:none;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:stretch;gap:0;background:#111a1d;border-bottom:1px solid #4d585b;padding:18px 25px}.navlinks.open{display:flex}.navlinks a{padding:12px}.navlinks .btn{margin-top:10px}.hero{padding-block:60px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.8rem,12vw,6rem)}.hero-art{min-height:390px;max-width:530px;width:100%;margin:auto}.orbital{max-width:425px;margin:auto}.hero-meta{margin-top:35px}.service-grid,.prices{grid-template-columns:1fr 1fr}.service-card{min-height:255px}.feature-box{grid-template-columns:1fr}.feature-illustration{max-width:490px}.builder-shell{grid-template-columns:1fr}.builder-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-controls h2{grid-column:1/-1}.field{margin-bottom:0}.project-shot{min-height:225px}.demo-layout{grid-template-columns:1fr}.lab-grid{grid-template-columns:1fr 1fr}.lab-card{min-height:330px}.lab-glyph{font-size:6rem}}@media(max-width:580px){.hero h1{font-size:clamp(3.1rem,13vw,4.5rem)}.hero-art{min-height:310px}.orbital{max-width:310px}.float-label{font-size:.56rem;padding:10px}.hero-actions .btn{width:100%}.hero-meta{gap:15px;font-size:.56rem;flex-wrap:wrap}.section{padding-block:62px}.section-head{align-items:start;flex-direction:column}.service-grid,.project-grid,.prices,.lab-grid{grid-template-columns:1fr}.service-card{min-height:230px}.feature-box{padding:30px 22px}.feature-illustration{height:260px}.feature-illustration .fi-card strong{font-size:1.8rem}.cta-inner,.footer-grid{flex-direction:column;align-items:start}.builder-controls{grid-template-columns:1fr}.mock-outer{min-height:450px}.mock-site:not([data-device=mobile]) .mock-hero h3{font-size:1.35rem}.mock-site:not([data-device=mobile]) .mock-hero p{font-size:.55rem}.mock-site:not([data-device=mobile]) .mock-nav span{display:none}.mock-site:not([data-device=mobile]) .mock-blocks{grid-template-columns:1fr}.workflow{flex-direction:column}.node{width:100%}.arrow{transform:rotate(90deg)}.page-intro{padding-top:50px}.top-inner{min-height:70px}.navlinks{top:70px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}