*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,p,ul{margin:0}body{min-width:320px}img{max-width:100%;display:block}a{text-decoration:none}:root{--okt-ink: #111614;--okt-text: #202621;--okt-muted: #5f665f;--okt-line: rgba(17, 22, 20, .1);--okt-line-strong: rgba(17, 22, 20, .16);--okt-surface: rgba(255, 255, 255, .9);--okt-surface-soft: #f5f4ef;--okt-warm: #ffd24d;--okt-green: #7df36f;--okt-cyan: #5ee8f6;--okt-gradient: linear-gradient(92deg, var(--okt-warm) 0%, var(--okt-green) 54%, var(--okt-cyan) 100%);--okt-title-gradient: linear-gradient(94deg, #ffcd38 0%, #ffe16f 18%, #86f36d 54%, #54e5f7 100%);--okt-shadow: 0 18px 52px rgba(20, 25, 19, .06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,TWK Lausanne,Helvetica Neue,Arial,sans-serif;color:var(--okt-text);background:#f8f7f3}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}.page{min-height:100vh;background:radial-gradient(circle at top left,rgba(242,212,106,.22),transparent 24%),radial-gradient(circle at top right,rgba(95,212,201,.16),transparent 28%),radial-gradient(circle at 50% 0%,rgba(105,199,137,.12),transparent 30%),linear-gradient(180deg,#f8f7f3,#fff 22%,#f6f4ef)}.container{width:min(1120px,calc(100% - 3rem));margin:0 auto}.section{padding:5rem 0}.section__header{margin-bottom:2rem}.section__eyebrow,.hero__eyebrow,.phase-section__eyebrow,.phase-section__component,.phase-pill__number,.phase-pill__name,.timeline-card__label,.pricing-card__eyebrow,.extension-card__phase{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section__eyebrow,.hero__eyebrow,.phase-section__eyebrow,.timeline-card__label,.pricing-card__eyebrow,.extension-card__phase{color:#6a6c62}.section__title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.035em;color:var(--okt-ink)}.section__description{max-width:760px;margin-top:1rem;font-size:1.125rem;line-height:1.7;color:#5f655d}.section-note,.pricing-note{margin-top:1.25rem;font-size:.98rem;line-height:1.7;color:#4f564e}.hero{padding:1.5rem 1.5rem 4rem}.hero__inner{position:relative;width:min(1360px,calc(100% - .25rem));margin:0 auto;padding:1.25rem clamp(1rem,3vw,2rem) clamp(3.5rem,7vw,5rem);overflow:hidden}.hero__inner:after{content:"";position:absolute;left:50%;top:6.5rem;width:min(980px,94%);height:clamp(300px,38vw,500px);transform:translate(-50%);border-radius:999px;background:radial-gradient(circle at 50% 38%,#ffffffe6,#ffffff8f 40%,#ffffff29 62%,#fff0 78%),radial-gradient(circle at 22% 25%,rgba(255,210,77,.14),transparent 30%),radial-gradient(circle at 78% 28%,rgba(94,232,246,.12),transparent 32%),radial-gradient(circle at 50% 18%,rgba(125,243,111,.12),transparent 34%);filter:blur(12px);pointer-events:none}.hero__brandbar,.hero__content{position:relative;z-index:1}.hero__brandbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:3rem;padding-top:.75rem}.brandmark{font-size:.92rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--okt-ink)}.hero__brandmeta,.hero__signals{display:flex;flex-wrap:wrap;gap:.7rem}.hero__brandmeta{justify-content:flex-end}.hero__brandchip,.hero__signals span,.hero__cta,.phase-pill,.deliverable-line,.pricing-card,.extension-card{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.hero__brandchip,.hero__signals span{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .85rem;border-radius:999px;border:1px solid rgba(17,22,20,.08);background:#ffffff8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.82rem;font-weight:600;color:var(--okt-ink)}.hero__brandchip:hover,.hero__cta:hover,.phase-pill:hover,.deliverable-line:hover,.pricing-card:hover,.extension-card:hover{transform:translateY(-1px)}.hero__brandchip:hover{background:#ffffffb8;border-color:#11161424}.hero__content{display:flex;justify-content:center}.hero__panel{width:min(1120px,100%);text-align:center}.hero__eyebrow{margin-bottom:1rem}.hero__title{max-width:1100px;margin:0 auto;font-size:clamp(3rem,6vw,5.7rem);line-height:.96;letter-spacing:-.05em;color:var(--okt-ink)}.hero__title-gradient{display:inline-block;padding-right:.04em;padding-bottom:.12em;margin-right:-.04em;margin-bottom:-.12em;background:var(--okt-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:saturate(1.18) contrast(1.08)}.hero__subtitle{max-width:760px;margin:1.5rem auto 0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.6;color:#4f554d}.hero__signals{justify-content:center;margin-top:1.8rem}.hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:3.35rem;padding:0 1.4rem;border-radius:25px;border:1px solid transparent;font-size:.98rem;font-weight:600;letter-spacing:-.01em}.hero__cta--primary{background:#0d0d0d;color:#fff;box-shadow:0 10px 24px #0d0d0d24}.hero__cta--primary:hover{background:#151515;box-shadow:0 14px 30px #0d0d0d2e}.component-shell,.timeline-panel,.cta-panel,.pricing-panel{position:relative;overflow:hidden;padding:2rem;border:1px solid rgba(17,22,20,.12);border-radius:1.75rem;background:linear-gradient(180deg,#fffffff7,#f6f3ebf0);box-shadow:var(--okt-shadow)}.component-shell:before,.timeline-panel:before,.cta-panel:before,.pricing-panel:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--okt-gradient)}.component-shell--secondary:before{background:linear-gradient(92deg,#ffd24dcc,#5ee8f6e6)}.phase-sections,.timeline-grid,.pricing-grid,.extension-grid{display:grid;gap:1.5rem}.phase-section,.timeline-card,.pricing-card{position:relative;overflow:hidden;border:1px solid var(--okt-line);border-radius:1.5rem;background:linear-gradient(180deg,#fffffff5,#f8f6efeb);box-shadow:0 14px 36px #1419130d}.phase-section,.timeline-card,.pricing-card{padding:1.5rem}.phase-section{padding-top:1.4rem}.phase-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}.phase-pill{position:relative;display:grid;gap:.25rem;padding:.85rem .8rem;border:1px solid rgba(17,22,20,.08);border-radius:1rem;background:#ffffffc7}.phase-pill__number{color:#6d715f}.phase-pill__name,.phase-section__component{color:#6b7560}.phase-pill--active{border-color:#11161424;background:linear-gradient(180deg,#fffffff5,#f4f2e9f0);box-shadow:0 12px 28px #1419130f}.phase-pill--disabled{background:#1116140a;border-color:#1116140d;box-shadow:none;opacity:.42}.phase-pill--disabled .phase-pill__number,.phase-pill--disabled .phase-pill__name{color:#8e948b}.phase-pill--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--okt-gradient)}.phase-bar-note{margin-top:.75rem;font-size:.84rem;line-height:1.5;color:#7b8178}.phase-section__header{margin-top:1.25rem}.phase-section__meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.phase-section__component{margin-top:0}.phase-section__title,.timeline-card h3,.pricing-card h3,.extension-card h3{color:var(--okt-ink)}.phase-section__title{margin-top:.5rem;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.08;letter-spacing:-.03em}.deliverable-list{display:grid;gap:.85rem;margin-top:1.35rem}.deliverable-line{padding:1rem 1.1rem;border:1px solid rgba(17,22,20,.08);border-radius:1rem;background:#ffffffb8}.deliverable-line p{font-size:1rem;line-height:1.65;color:#4f564e}.deliverable-line strong{color:var(--okt-ink)}.section--extension{background:linear-gradient(180deg,#fff9,#f6f3eb47)}.component-shell--extension{background:radial-gradient(circle at top right,rgba(94,232,246,.12),transparent 28%),radial-gradient(circle at top left,rgba(255,210,77,.12),transparent 30%),linear-gradient(180deg,#fffffffb,#f7f4ecf5)}.section__header--extension{max-width:760px}.extension-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.extension-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100%;padding:1.4rem;border:none;border-radius:1.7rem;background:linear-gradient(180deg,#fffffff5,#f8f6f1eb),#fffffff0;box-shadow:0 18px 40px #1419130f,inset 0 1px #fffc}.extension-card:hover{box-shadow:0 24px 52px #14191314,inset 0 1px #ffffffdb}.extension-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#11161412,#11161405);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.extension-card__glow{position:absolute;inset:0 auto auto 0;width:11rem;height:11rem;border-radius:50%;filter:blur(18px);opacity:.65;pointer-events:none;z-index:-1}.extension-card--identity .extension-card__glow{background:radial-gradient(circle,#5ee8f642,#5ee8f600)}.extension-card--permission .extension-card__glow{background:radial-gradient(circle,#7df36f3d,#7df36f00)}.extension-card--consistency .extension-card__glow{background:radial-gradient(circle,#ffd24d3d,#ffd24d00)}.extension-card__icon-shell{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.35rem}.extension-card__icon{position:relative;display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:1.4rem;background:linear-gradient(180deg,#fffffff5,#f1f7f6eb);box-shadow:inset 0 1px #ffffffd1,0 12px 28px #14191312}.extension-card__icon:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(145deg,#5ee8f64d,#7df36f14,#ffd24d2e);z-index:-1}.extension-card__icon svg{width:2rem;height:2rem;stroke:#2c9ea7;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.extension-card__body{display:grid;gap:.7rem}.extension-card__phase{color:#6f7b74}.extension-card h3{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.06;letter-spacing:-.03em}.extension-card p{max-width:31ch;font-size:1rem;line-height:1.72;color:#536059}.pricing-grid,.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card__label,.pricing-card__price,.timeline-card p{color:#4f564e}.pricing-card h3,.timeline-card h3{margin-top:.75rem;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.18;letter-spacing:-.02em}.pricing-card__label{margin-top:.65rem;font-size:1rem;line-height:1.6}.pricing-card__price{margin-top:1rem;font-size:1.45rem;line-height:1.15;letter-spacing:-.03em;font-weight:700;color:var(--okt-ink)}.pricing-card--build:before,.pricing-card--fix:before,.pricing-card--evolve:before{content:"";position:absolute;inset:0 0 auto;height:4px}.pricing-card--build:before{background:linear-gradient(90deg,#ffd24d,#ffe784)}.pricing-card--fix:before{background:linear-gradient(90deg,#7df36f,#b7f4ab)}.pricing-card--evolve:before{background:linear-gradient(90deg,#5ee8f6,#a6eff7)}.timeline-card p{margin-top:.8rem;line-height:1.65}.cta-panel{text-align:center}.cta-panel .section__description{margin-left:auto;margin-right:auto}.cta-panel .hero__cta{margin-top:1.5rem}@media (max-width: 980px){.pricing-grid,.timeline-grid,.extension-grid,.phase-bar{grid-template-columns:1fr}.hero__brandbar{flex-direction:column;align-items:flex-start}.hero__brandmeta{justify-content:flex-start}.extension-card p{max-width:none}}@media (max-width: 640px){.section{padding:4rem 0}.hero{padding:1rem .75rem 3.5rem}.container{width:min(100% - 1.5rem,1120px)}.hero__inner,.component-shell,.timeline-panel,.cta-panel,.pricing-panel,.phase-section,.timeline-card,.pricing-card,.extension-card{padding-left:1.2rem;padding-right:1.2rem}.hero__signals,.hero__brandmeta,.phase-section__meta{gap:.55rem}.hero__cta{width:100%}.extension-card__icon{width:4rem;height:4rem}}