:root{color-scheme:dark;--ink:#0b1520;--ink-soft:#101d29;--panel:#152431;--line:rgba(191,215,234,.18);--line-strong:rgba(143,190,245,.35);--ivory:#fff9ed;--text:#e8e9e7;--muted:#aab7c2;--blue:#6192ff;--cyan:#18d4ef;--gold:#e6c790;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--max:1376px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{min-width:320px;margin:0;background:var(--ink);color:var(--text);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;text-wrap:balance}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.container{width:min(calc(100% - 4rem),var(--max));margin-inline:auto}
.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;padding:.7rem 1rem;border-radius:.5rem;background:var(--ivory);color:var(--ink)}
.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(10,20,30,.92)}
.header-inner{width:min(calc(100% - 4rem),var(--max));min-height:5.75rem;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2.25rem}
.brand{width:max-content;display:inline-flex;align-items:center}
.brand img{display:block;width:252px;height:auto}
.site-header nav{display:flex;align-items:center;gap:clamp(1.1rem,2.3vw,2.6rem)}
.site-header nav a{text-decoration:none;color:#b9c5cf;font-size:.88rem;white-space:nowrap;transition:color .2s ease}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--ivory)}
.header-link{justify-self:end;display:inline-flex;gap:1rem;align-items:center;min-height:2.9rem;padding:.6rem 1rem;border:1px solid var(--line-strong);border-radius:.6rem;color:var(--ivory);text-decoration:none;font-size:.85rem;font-weight:650;white-space:nowrap;transition:border-color .2s,background .2s}
.header-link:hover{border-color:var(--blue);background:rgba(97,146,255,.09)}
.header-link span{color:var(--cyan);font-size:1.1rem}
.process-link{display:inline-flex;align-items:center;margin-top:1rem;color:#b9d0ff;font-size:.85rem;font-weight:700;text-decoration:none}
.process-link:hover{text-decoration:underline}
.hero-browse{display:inline-flex;margin-top:1rem;color:#b9d0ff;font-size:.88rem;text-decoration:none}
.hero-browse:hover{text-decoration:underline}
.closing-note{margin-top:1rem!important;color:#a9b8c5!important;font-size:.8rem!important}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);grid-template-rows:minmax(36rem,auto) auto;gap:0 clamp(1.5rem,3.5vw,4rem);align-items:center;padding-top:clamp(2.2rem,4vw,3.5rem);background:radial-gradient(circle at 73% 35%,rgba(42,83,135,.18),transparent 31rem)}
.hero-copy{position:relative;z-index:2;padding-bottom:3rem}
.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.35rem;color:var(--gold);font-size:.72rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.eyebrow-line{display:block;width:1.65rem;height:1px;background:var(--gold)}
.hero h1{max-width:15ch;margin-bottom:1.4rem;color:var(--ivory);font-size:clamp(3.5rem,4.8vw,5.35rem);line-height:.99}
.hero h1 em{color:#d1ddf4;font-weight:400;font-style:normal}
.hero-intro{max-width:39rem;margin-bottom:1.7rem;color:#d1d9df;font-size:clamp(1.05rem,1.3vw,1.23rem);line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;min-height:3.35rem;padding:.8rem 1.22rem;border:1px solid transparent;border-radius:.65rem;text-decoration:none;font-size:.92rem;font-weight:690;line-height:1.2;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:white;background:linear-gradient(135deg,#3c6ce8,#2549ba);box-shadow:0 12px 34px rgba(51,94,232,.22)}
.button-primary:hover{box-shadow:0 16px 38px rgba(51,94,232,.32)}
.button-quiet{border-color:var(--line);color:var(--ivory);background:rgba(255,255,255,.025)}
.button-quiet:hover{border-color:var(--line-strong);background:rgba(97,146,255,.08)}
.hero-note{display:flex;align-items:flex-start;gap:.55rem;max-width:39rem;margin:1.25rem 0 0;color:#93a7b6;font-size:.77rem;line-height:1.5}
.hero-note span{color:var(--cyan)}
.hero-art{position:relative;min-height:35rem;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:8% 6%;z-index:-2;background:radial-gradient(circle,rgba(56,106,186,.18),transparent 63%);filter:blur(1.5rem)}
.art-grid{position:absolute;inset:10% 3%;opacity:.18;background-image:linear-gradient(rgba(147,179,214,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(147,179,214,.16) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(ellipse,black,transparent 75%)}
.art-orbit{position:absolute;border:1px solid rgba(105,154,227,.19);border-radius:50%;transform:rotate(-19deg)}
.art-orbit-one{inset:12% 4%}
.art-orbit-two{inset:25% 17%;border-color:rgba(227,199,144,.16);transform:rotate(16deg)}
.art-line{position:absolute;height:1px;width:30%;background:linear-gradient(90deg,transparent,rgba(89,154,239,.85),transparent);filter:drop-shadow(0 0 .45rem var(--blue))}
.art-line-one{top:46%;left:19%;transform:rotate(25deg)}
.art-line-two{top:54%;right:17%;transform:rotate(-25deg)}
.art-core{position:absolute;top:37%;left:39%;width:22%;height:26%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(139,183,235,.32);border-radius:1.1rem;background:linear-gradient(160deg,rgba(33,58,82,.94),rgba(12,26,40,.94));box-shadow:0 0 3.2rem rgba(66,126,214,.2),0 1rem 2.5rem rgba(0,0,0,.27);text-align:center;transform:rotate(-4deg)}
.core-mark{color:var(--cyan);font-size:2rem;line-height:1}
.art-core>span:not(.core-mark){margin-top:.25rem;color:var(--ivory);font-size:.78rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.art-core small{color:var(--gold);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.art-card{position:absolute;width:42%;min-height:11.5rem;padding:1.15rem;border:1px solid rgba(162,195,224,.26);border-radius:.85rem;background:linear-gradient(145deg,rgba(28,45,60,.96),rgba(13,25,35,.97));box-shadow:0 1.25rem 3rem rgba(0,0,0,.35)}
.art-input{top:11%;left:1%;transform:rotate(-2deg)}
.art-output{right:1%;bottom:12%;transform:rotate(2deg)}
.card-kicker{display:flex;align-items:center;gap:.45rem;color:#bfcad2;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.card-kicker i{width:.46rem;height:.46rem;flex:0 0 auto;border-radius:50%;background:var(--blue);box-shadow:0 0 .65rem var(--blue)}
.art-output .card-kicker i{background:var(--gold);box-shadow:0 0 .65rem var(--gold)}
.art-card p{margin:1.25rem 0 1rem;color:var(--ivory);font-family:var(--serif);font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.26}
.art-card small{color:#9cabb8;font-size:.68rem}
.art-disclaimer{position:absolute;right:1%;bottom:2%;color:#8b9ba9;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}
.hero-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);padding:1.1rem 0 1.35rem}
.hero-steps div{display:grid;gap:.25rem;padding:0 2rem}
.hero-steps div:first-child{padding-left:0}
.hero-steps div+div{border-left:1px solid var(--line)}
.hero-steps span{color:var(--gold);font-size:.67rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.hero-steps strong{color:#dce4e9;font-size:.87rem;font-weight:570}
.section{padding:clamp(4rem,7vw,7rem) 0}
.section-heading{max-width:51rem;margin-bottom:2.6rem}
.section-heading h2,.story-copy h2,.review-section h2,.closing-section h2{margin-bottom:1rem;color:var(--ivory);font-size:clamp(2.7rem,4.7vw,5rem);line-height:1.04}
.section-heading>p:last-child,.split-heading>p,.story-copy>p:not(.eyebrow),.review-grid>div:first-child>p:last-child,.closing-grid>div:last-child>p{color:var(--muted);font-size:1.05rem;line-height:1.65}
.split-heading{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:5rem;align-items:end}
.split-heading h2{max-width:13ch;margin-bottom:0}
.split-heading>p{max-width:29rem;margin:0 0 .25rem}
.process-section{border-top:1px solid var(--line);background:linear-gradient(180deg,#101c27,#0b1520)}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.process-card{min-height:19rem;padding:1.45rem;border:1px solid var(--line);border-radius:.95rem;background:linear-gradient(150deg,rgba(24,42,55,.75),rgba(14,26,36,.72))}
.step-index{display:flex;align-items:center;gap:1rem;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.12em}
.step-index i{flex:1;height:1px;background:var(--line)}
.step-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:1.5rem 0 1.25rem;border:1px solid var(--line-strong);border-radius:.75rem;color:var(--blue);font-size:1.6rem}
.process-card h3{margin-bottom:.7rem;color:var(--ivory);font-size:1.85rem;line-height:1.15}
.process-card p{max-width:34ch;margin:0;color:var(--muted);font-size:.91rem}
.story-section{border-top:1px solid var(--line)}
.story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,5vw,6rem);align-items:center}
.story-copy h2{max-width:13ch}
.story-copy>p:not(.eyebrow){max-width:34rem}
.story-copy .story-caption{margin-top:1.35rem;color:#8ea1af!important;font-size:.8rem!important}
.story-frame{min-height:25rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(149,184,220,.3);border-radius:1.15rem;background:radial-gradient(circle at 50% 55%,rgba(60,100,165,.2),transparent 46%),linear-gradient(140deg,#1a2b3b,#101b27 65%,#0d1722);box-shadow:0 2rem 5rem rgba(0,0,0,.27);overflow:hidden}
.frame-top,.frame-bottom{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;color:#9db3c1;font-size:.64rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.frame-top{border-bottom:1px solid var(--line)}
.frame-bottom{border-top:1px solid var(--line)}
.frame-canvas{padding:3rem 1.65rem}
.frame-track{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.4rem}
.track-dot{display:block;width:2.8rem;height:2.8rem;border:1px solid rgba(136,186,244,.55);border-radius:.8rem;background:rgba(62,108,173,.2);box-shadow:0 0 2rem rgba(65,123,209,.14)}
.track-dot:first-child,.track-dot:last-child{border-color:rgba(230,199,144,.55);background:rgba(230,199,144,.13)}
.track-line{height:1px;background:linear-gradient(90deg,rgba(105,159,232,.3),var(--blue),rgba(105,159,232,.3))}
.frame-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:1.1rem;color:#c4d2df;font-size:.68rem;text-align:center}
.examples-section{border-top:1px solid var(--line);background:linear-gradient(180deg,#101b27,#0c1620)}
.examples-section .section-heading{max-width:56rem}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.example-card{min-height:19.5rem;display:flex;flex-direction:column;align-items:flex-start;padding:1.45rem;border:1px solid var(--line);border-radius:.9rem;background:rgba(14,26,37,.8)}
.example-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:1.5rem;border:1px solid var(--line-strong);border-radius:.7rem;color:#a9c7ff;font-size:1.5rem}
.example-tag{color:var(--gold);font-size:.67rem;font-weight:730;letter-spacing:.13em;text-transform:uppercase}
.example-card h3{margin:.55rem 0 .6rem;color:var(--ivory);font-size:1.75rem;line-height:1.15}
.example-card>p{margin-bottom:1.3rem;color:var(--muted);font-size:.9rem}
.example-gate{width:100%;display:grid;gap:.25rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line)}
.example-gate span{color:#8ca1b3;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.example-gate strong{color:#d4dce3;font-size:.78rem;font-weight:550}
.review-section{border-top:1px solid var(--line)}
.review-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,6vw,7rem);align-items:start}
.review-grid h2{max-width:13ch}
.review-grid>div:first-child>p:last-child{max-width:34rem}
.review-list{border-top:1px solid var(--line)}
.review-list>div{display:grid;grid-template-columns:2.5rem 1fr;gap:1.2rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.review-list>div>span{color:var(--gold);font-size:.72rem;font-weight:750;letter-spacing:.12em}
.review-list p{display:grid;gap:.2rem;margin:0}
.review-list strong{color:var(--ivory);font:1.42rem/1.2 var(--serif)}
.review-list small{color:var(--muted);font-size:.87rem}
.closing-section{padding:clamp(3.5rem,6vw,6rem) 0;border-top:1px solid var(--line);background:radial-gradient(circle at 65% 50%,rgba(46,88,155,.2),transparent 45%),#122135}
.closing-grid{display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:center}
.closing-grid h2{max-width:12ch;margin:0}
.closing-grid>div:last-child>p{max-width:35rem;margin-bottom:1.35rem}
.site-footer{border-top:1px solid var(--line);background:#0a131d}
.footer-inner{min-height:8rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#8fa0ad;font-size:.72rem}
.footer-inner a{flex:0 0 auto}
.footer-inner img{display:block;width:170px;height:auto}
.footer-inner p{max-width:25rem;margin:0}
.footer-inner span{white-space:nowrap}
.not-found{min-height:calc(100svh - 6rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:5rem}.not-found h1{max-width:13ch;margin-bottom:1rem;color:var(--ivory);font-size:clamp(3.2rem,7vw,6.5rem);line-height:1}.not-found>p:not(.eyebrow){max-width:31rem;margin-bottom:1.5rem;color:var(--muted);font-size:1.05rem}
@media(max-width:1100px){.header-inner{grid-template-columns:1fr auto;gap:1rem}.header-inner nav{grid-row:2;grid-column:1/-1;justify-content:center;padding:0 0 .9rem}.hero{grid-template-columns:1fr 1fr;gap:1rem}.hero h1{font-size:clamp(3.1rem,5.5vw,4.8rem)}.hero-art{min-height:31rem}.art-card{width:45%}.art-card p{font-size:1.15rem}}
@media(max-width:850px){.container,.header-inner{width:min(calc(100% - 2.5rem),var(--max))}.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:3.2rem}.hero-copy{padding-bottom:0}.hero h1{max-width:13ch;font-size:clamp(3.2rem,8vw,5.3rem)}.hero-art{width:min(100%,44rem);min-height:29rem;margin:0 auto}.hero-steps{grid-column:auto}.split-heading,.story-grid,.review-grid,.closing-grid{grid-template-columns:1fr;gap:1.5rem}.split-heading h2,.story-copy h2,.review-grid h2,.closing-grid h2{max-width:18ch}.process-grid,.example-grid{grid-template-columns:1fr 1fr}.process-card,.example-card{min-height:17rem}.story-frame{min-height:21rem}.footer-inner{flex-wrap:wrap;padding:2rem 0}.footer-inner p{order:3;flex-basis:100%}}
@media(max-width:600px){html{scroll-padding-top:7.5rem}.header-inner{min-height:0;grid-template-columns:1fr;padding-top:.85rem}.brand img{width:204px}.header-link{display:none}.header-inner nav{grid-row:2;justify-content:space-between;gap:.6rem;padding:.8rem 0 .75rem;overflow-x:auto}.header-inner nav a{font-size:.72rem}.hero{padding-top:2.5rem}.eyebrow{margin-bottom:1rem;font-size:.62rem;line-height:1.4;letter-spacing:.13em}.hero h1{max-width:12ch;margin-bottom:1rem;font-size:clamp(2.9rem,11vw,4rem)}.hero-intro{margin-bottom:1.2rem;font-size:1rem}.hero-actions{align-items:stretch}.hero-actions .button{width:100%;justify-content:space-between}.hero-note{font-size:.71rem}.hero-art{min-height:23rem;margin-top:.5rem}.hero-art .art-orbit{transform:none}.art-card{width:48%;min-height:8.8rem;padding:.75rem}.art-card p{margin:.8rem 0 .55rem;font-size:.88rem}.art-card small,.card-kicker{font-size:.53rem}.art-core{left:38%;width:24%;height:26%}.core-mark{font-size:1.45rem}.art-core>span:not(.core-mark){font-size:.55rem}.art-core small{font-size:.5rem}.art-disclaimer{font-size:.51rem}.hero-steps{grid-template-columns:1fr;gap:.55rem;padding:.85rem 0 1.2rem}.hero-steps div,.hero-steps div:first-child{grid-template-columns:7rem 1fr;gap:.5rem;padding:.35rem 0}.hero-steps div+div{border-left:0;border-top:1px solid var(--line)}.hero-steps span{font-size:.58rem}.hero-steps strong{font-size:.75rem}.section{padding:3.8rem 0}.section-heading{margin-bottom:1.8rem}.section-heading h2,.story-copy h2,.review-section h2,.closing-section h2{font-size:clamp(2.35rem,9vw,3.2rem)}.section-heading>p:last-child,.split-heading>p,.story-copy>p:not(.eyebrow),.review-grid>div:first-child>p:last-child,.closing-grid>div:last-child>p{font-size:.94rem}.process-grid,.example-grid{grid-template-columns:1fr}.process-card,.example-card{min-height:0;padding:1.25rem}.step-icon{margin:1.1rem 0 .8rem}.process-card h3,.example-card h3{font-size:1.6rem}.story-frame{min-height:16rem}.frame-canvas{padding:2rem .9rem}.track-dot{width:1.75rem;height:1.75rem;border-radius:.5rem}.frame-labels{font-size:.51rem}.frame-top,.frame-bottom{padding:.75rem;font-size:.53rem}.closing-grid{gap:.5rem}.footer-inner{gap:1rem}.footer-inner img{width:150px}.footer-inner span{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:600px){.header-inner{grid-template-columns:1fr auto;align-items:center}.brand img{width:168px}.header-inner nav{grid-column:1/-1}.header-link{display:inline-flex;grid-column:2;grid-row:1;gap:.25rem;padding:.45rem .4rem;font-size:.62rem}.header-link span{font-size:.8rem}}