:root{--c-bg:#f7f7f4;--c-bg-alt:#efefeb;--c-white:#fff;--c-text:#050505;--c-text-2:#555;--c-text-3:#8a8a8a;--c-red:#e10600;--c-red-dark:#c00400;--c-black:#000;--c-platinum:#d8d8d2;--c-border:#0000001a;--c-border-light:#0000000e;--shadow-card:0 20px 60px #00000014;--shadow-hover:0 24px 80px #00000024;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--container:1140px;--pad-x:24px;--section-gap:96px;--card-radius:16px;--radius-sm:8px;--radius-md:12px;--ease:.18s ease;--ease-slow:.32s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--c-text);background-color:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.65}img,svg{display:block}a{color:var(--c-red);text-decoration:none}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--c-text);margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}.container{width:100%;max-width:var(--container);padding:0 var(--pad-x);margin:0 auto}.section{padding:var(--section-gap) 0}.section--alt{background:var(--c-bg-alt)}.section__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:10px;font-size:11px;font-weight:500}.section__header{margin-bottom:48px}.section__title{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(26px,3.5vw,36px);font-weight:600}.section__sub{color:var(--c-text-2);max-width:520px;font-size:17px;line-height:1.7}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:background var(--ease), border-color var(--ease), box-shadow var(--ease), transform var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--c-red);color:var(--c-white)}.btn--primary:hover{background:var(--c-red-dark)}.btn--primary:active{transform:scale(.98)}.btn--outline{color:var(--c-text);border:1.5px solid var(--c-border);background:0 0}.btn--outline:hover{background:#00000006;border-color:#00000047}.btn--lg{border-radius:var(--radius-md);padding:14px 30px;font-size:16px}.btn--full{width:100%}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:disabled:hover{background:var(--c-red);transform:none}.header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);background:#f7f7f4e0;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.header__logo{align-items:center;gap:9px;text-decoration:none;display:flex}.header__logo-img{flex-shrink:0;width:auto;height:40px;display:block}.header__logo-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-3);background:var(--c-white);border:1px solid var(--c-border);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;line-height:1.5}.header__nav{align-items:center;gap:20px;display:flex}.header__domain{font-family:var(--font-mono);color:var(--c-text-3);letter-spacing:.03em;font-size:12px}.hero{text-align:center;background:linear-gradient(180deg, var(--c-white) 0%, var(--c-bg) 100%);padding:104px 0 88px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.hero__inner{z-index:1;position:relative}.hero__overline{letter-spacing:.09em;text-transform:uppercase;color:var(--c-text-3);background:var(--c-white);border:1px solid var(--c-border);border-radius:100px;align-items:center;gap:8px;margin-bottom:36px;padding:6px 14px;font-size:11.5px;font-weight:500;display:inline-flex}.hero__overline-dot{background:var(--c-red);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero__title{letter-spacing:-.04em;flex-direction:column;align-items:center;gap:8px;margin-bottom:0;font-size:clamp(46px,7vw,80px);font-weight:700;line-height:1.04;display:flex}.hero__slogan{color:var(--c-red);letter-spacing:-.03em;font-size:clamp(30px,4.5vw,52px);font-weight:700}.hero__desc{color:var(--c-text-2);max-width:460px;margin:28px auto 0;font-size:18px;line-height:1.75}.hero__cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:44px;display:flex}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge__dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge--active{color:#15803d;background:#16a34a1a;border:1px solid #16a34a33}.badge--active .badge__dot{background:#16a34a}.badge--review{color:#a16207;background:#eab3081a;border:1px solid #eab30838}.badge--review .badge__dot{background:#ca8a04}.badge--coming-soon{color:#64748b;background:#64748b17;border:1px solid #64748b2e}.badge--coming-soon .badge__dot{background:#94a3b8}.os-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.os-card{background:var(--c-white);border:1.5px solid var(--c-border);border-radius:var(--card-radius);cursor:pointer;transition:border-color var(--ease-slow), box-shadow var(--ease-slow), transform var(--ease-slow), background var(--ease-slow);text-align:left;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;outline:none;padding:28px;position:relative}.os-card:hover:not(.os-card--disabled){box-shadow:var(--shadow-card);border-color:#0003;transform:translateY(-2px)}.os-card:focus-visible{border-color:var(--c-red);box-shadow:0 0 0 3px #e1060040}.os-card--selected{background:#e1060006;transform:translateY(-2px);border-color:var(--c-red)!important;box-shadow:0 0 0 3px #e1060014, var(--shadow-card)!important}.os-card--disabled{opacity:.5;cursor:not-allowed}.os-card--disabled:hover{box-shadow:var(--shadow-sm);transform:none}.os-card__top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.os-card__name{color:var(--c-text);font-size:16px;font-weight:600;line-height:1.35}.os-card__tagline{color:var(--c-text);margin-bottom:8px;font-size:13.5px;font-weight:500;line-height:1.5}.os-card__desc{color:var(--c-text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.os-card__price{font-family:var(--font-mono);color:var(--c-text);border-top:1px solid var(--c-border-light);padding-top:16px;font-size:14px;font-weight:600}.os-card__price-review{color:var(--c-text-3);font-style:italic;font-family:var(--font-sans);font-size:13px;font-weight:400}.os-card__price-hint{font-family:var(--font-sans);color:var(--c-text-3);margin-top:6px;font-size:12px;font-style:normal;font-weight:400;line-height:1.55}.os-card--selected .os-card__price{color:var(--c-red)}.os-card__check{background:var(--c-red);opacity:0;width:22px;height:22px;transition:opacity var(--ease), transform var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px;transform:scale(.6)}.os-card--selected .os-card__check{opacity:1;transform:scale(1)}.skills-locked{text-align:center;border:1.5px dashed var(--c-border);border-radius:var(--card-radius);color:var(--c-text-3);background:#fff9;padding:56px 24px;font-size:15px}.skills-locked__icon{opacity:.4;margin-bottom:12px;font-size:24px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-card{background:var(--c-white);border:1.5px solid var(--c-border);border-radius:var(--card-radius);transition:border-color var(--ease-slow), box-shadow var(--ease-slow);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:20px 22px;display:flex}.skill-card:hover{box-shadow:var(--shadow-md);border-color:#0000002e}.skill-card--active{border-color:var(--c-red);background:#e1060006}.skill-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-card__name{color:var(--c-text);font-size:14.5px;font-weight:600}.skill-card__price{font-family:var(--font-mono);color:var(--c-text-3);white-space:nowrap;font-size:12.5px;font-weight:600}.skill-card--active .skill-card__price{color:var(--c-red)}.skill-card__desc{color:var(--c-text-2);flex:1;font-size:13px;line-height:1.6}.skill-card__toggle{border-radius:var(--radius-sm);cursor:pointer;transition:var(--ease);font-size:13px;font-weight:500;font-family:var(--font-sans);border:1.5px solid var(--c-border);color:var(--c-text-2);background:0 0;align-self:flex-start;margin-top:4px;padding:6px 14px;line-height:1}.skill-card__toggle:hover{border-color:var(--c-text);color:var(--c-text)}.skill-card--active .skill-card__toggle{border-color:var(--c-red);color:var(--c-red);background:#e106000d}.starter-card{background:var(--c-white);border:1.5px solid var(--c-border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);transition:border-color var(--ease-slow), box-shadow var(--ease-slow);grid-template-columns:1.2fr 1fr;align-items:start;gap:48px;padding:44px;display:grid}.starter-card--selected{border-color:var(--c-red);box-shadow:0 0 0 3px #e1060014, var(--shadow-card);background:#e1060005}.starter-card__badge{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--c-text-3);align-items:center;gap:6px;margin-bottom:18px;font-size:11px;font-weight:600;display:inline-flex}.starter-card__name{letter-spacing:-.03em;margin-bottom:8px;font-size:26px;font-weight:700}.starter-card__price{letter-spacing:-.04em;margin-bottom:6px;font-size:46px;font-weight:700;line-height:1}.starter-card__price span{color:var(--c-text-3);letter-spacing:0;font-size:18px;font-weight:400}.starter-card__turnaround{color:var(--c-text-3);margin-bottom:28px;font-size:14px}.starter-card__turnaround strong{color:var(--c-text-2)}.starter-card__features{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.starter-card__feature{color:var(--c-text-2);align-items:center;gap:10px;font-size:14px;display:flex}.starter-card__feature-check{color:#16a34a;background:#16a34a1c;border:1px solid #16a34a38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.starter-card__disclaimer{color:var(--c-text-3);border-top:1px solid var(--c-border-light);margin-top:4px;padding-top:16px;font-size:12px;font-style:italic;line-height:1.65}.starter-card__cta-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;padding-top:8px;display:flex}.summary{background:var(--c-white);border:1.5px solid var(--c-border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:32px;position:sticky;top:80px}.summary__title{color:var(--c-text);border-bottom:1px solid var(--c-border-light);margin-bottom:24px;padding-bottom:16px;font-size:15px;font-weight:600}.summary__section{margin-bottom:22px}.summary__label{letter-spacing:.09em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:8px;font-size:10.5px;font-weight:500}.summary__os-name{color:var(--c-text);font-size:14px;font-weight:600}.summary__os-price{font-family:var(--font-mono);color:var(--c-text-3);margin-top:3px;font-size:12.5px}.summary__skill-list{flex-direction:column;gap:8px;display:flex}.summary__skill-row{color:var(--c-text-2);justify-content:space-between;align-items:center;font-size:13px;display:flex}.summary__skill-price{font-family:var(--font-mono);color:var(--c-text-3);font-size:12px}.summary__empty{color:var(--c-text-3);font-size:13px;font-style:italic}.summary__total{border-top:1.5px solid var(--c-border);margin-top:4px;padding-top:20px}.summary__total-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.summary__total-label{color:var(--c-text-3);font-size:13px}.summary__total-value{font-family:var(--font-mono);color:var(--c-text);font-size:16px;font-weight:700}.summary__custom-note{border-radius:var(--radius-sm);color:#92400e;background:#eab30812;border:1px solid #eab30838;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.6}.summary__disclaimer{border-top:1px solid var(--c-border-light);color:var(--c-text-3);margin-top:20px;padding-top:16px;font-size:11.5px;line-height:1.6}.reserve-layout{grid-template-columns:1fr 1.5fr;align-items:start;gap:40px;display:grid}.form-card{background:var(--c-white);border:1.5px solid var(--c-border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:36px}.form-grid{grid-template-columns:1fr 1fr;gap:18px 22px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group--full{grid-column:1/-1}.form-label{color:var(--c-text-2);letter-spacing:.01em;font-size:13px;font-weight:500}.form-input,.form-select,.form-textarea{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);transition:border-color var(--ease), background var(--ease), box-shadow var(--ease);outline:none;width:100%;padding:10px 14px;font-size:15px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--c-red);background:var(--c-white);box-shadow:0 0 0 3px #e1060014}.form-textarea{resize:vertical;min-height:96px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A8A8A' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.form-actions{margin-top:28px}.form-error{border-radius:var(--radius-sm);color:var(--c-red-dark);background:#e106000f;border:1.5px solid #e1060040;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.5}.form-note{color:var(--c-text-3);text-align:center;margin-top:12px;font-size:12px;line-height:1.5}.form-success{text-align:center;padding:52px 24px}.form-success__icon{color:#16a34a;background:#16a34a1a;border:2px solid #16a34a40;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 22px;display:flex}.form-success__title{margin-bottom:10px;font-size:22px;font-weight:600}.form-success__sub{color:var(--c-text-2);max-width:340px;margin:0 auto 28px;font-size:15px;line-height:1.7}.footer{border-top:1px solid var(--c-border);background:var(--c-bg);padding:40px 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer__brand{align-items:center;gap:8px;display:flex}.footer__logo-name{color:var(--c-red);letter-spacing:.03em;font-size:14px;font-weight:700}.footer__tagline{color:var(--c-text-3);font-size:13px}.footer__right{color:var(--c-text-3);align-items:center;gap:16px;font-size:13px;display:flex}.footer__separator{opacity:.4}.footer__right a{color:var(--c-text-3)}.footer__right a:hover{color:var(--c-text)}.sticky-bar{z-index:90;-webkit-backdrop-filter:blur(24px);padding:14px var(--pad-x);transition:transform var(--ease-slow);background:#050505f2;border-top:1px solid #ffffff1a;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-bar--visible{transform:translateY(0)}.sticky-bar__inner{max-width:var(--container);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.sticky-bar__info{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.sticky-bar__os{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:42vw;overflow:hidden}.sticky-bar__actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.sticky-bar__os{color:var(--c-white);font-size:14px;font-weight:600}.sticky-bar__meta{color:#ffffff80;font-size:12.5px;font-family:var(--font-mono)}.sticky-bar__price{font-family:var(--font-mono);color:var(--c-white);font-size:15px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=960px){:root{--section-gap:68px}.os-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.starter-card,.reserve-layout{grid-template-columns:1fr;gap:32px}.form-grid{grid-template-columns:1fr}.summary{position:static}}@media (width<=640px){:root{--section-gap:52px;--pad-x:16px}.hero{padding:76px 0 60px}.hero__cta{flex-direction:column;align-items:stretch}.hero__cta .btn{width:100%}.os-grid,.skills-grid{grid-template-columns:1fr}.starter-card{padding:26px}.form-card{padding:24px}.footer__inner{flex-direction:column;align-items:flex-start}.footer__right{flex-wrap:wrap}.sticky-bar__meta,.header__domain{display:none}.form-input,.form-select,.form-textarea{padding:12px 14px;font-size:16px}.form-grid{gap:16px}.sticky-bar__inner{gap:12px}.sticky-bar__info{gap:8px}}