:root{--navy:#07192c;--ink:#10273d;--cyan:#64e8ff;--paper:#f4f8fc;--muted:#aac0d2;--line:#294256}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy);color:white;font-family:K2D,system-ui,sans-serif;font-size:17px;line-height:1.7}a{color:inherit}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}em{color:var(--cyan);font-style:normal}.wrap{max-width:1160px;margin:auto;padding:0 40px}.nav{max-width:1240px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:20px;line-height:1.3;font-weight:800;letter-spacing:.015em;text-decoration:none}.brand span{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--cyan);display:block;margin-top:6px}.nav nav{display:flex;gap:28px;align-items:center;font-size:15px}.nav nav a{text-decoration:none}.nav-action{color:var(--cyan)}.skip{position:absolute;top:-90px;left:20px;padding:8px;background:var(--cyan);color:var(--navy);z-index:10}.skip:focus{top:10px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding-top:52px;padding-bottom:80px}.tag{display:inline-block;color:var(--cyan);font-size:15px;letter-spacing:.04em;border-bottom:2px solid var(--cyan);padding-bottom:5px;font-weight:700}h1{font-size:clamp(48px,5.7vw,78px);line-height:1.18;letter-spacing:-.025em;margin:26px 0 22px;font-weight:800}h2{font-size:clamp(32px,3.6vw,46px);line-height:1.25;letter-spacing:-.015em;margin:0 0 20px;font-weight:800}h3{line-height:1.4}.lede{font-size:21px;line-height:1.8;color:#d9e6ef;margin:0 0 25px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 24px;border-radius:8px;background:var(--cyan);color:var(--navy);text-decoration:none;font-weight:800;font-size:16px;border:0;transition:transform .16s,background .16s}.button:hover{background:#9af1ff;transform:translateY(-2px)}.text-link{text-underline-offset:5px;font-size:15px}.comment-note{margin-top:35px;display:grid;gap:1px;font-size:15px;color:var(--muted)}.comment-note strong{font-size:28px;color:white;line-height:1.5}.film-wrap{max-width:325px;justify-self:center;width:100%;position:relative}.film-wrap video{display:block;width:100%;aspect-ratio:9/16;background:#10283b;border-radius:16px;box-shadow:16px 16px 0 #183b53}.film-wrap p{color:var(--muted);font-size:13px;text-align:center;margin:26px 0 0}
.kit{border-top:1px solid var(--line);padding-top:66px;padding-bottom:68px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-heading p{color:var(--muted);margin:0 0 20px}.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 0 38px}.kit-grid article{padding:8px 0}.kit-grid span{color:var(--cyan);font-size:18px;font-weight:700}.kit-grid h3{font-size:25px;margin:12px 0}.kit-grid p{color:var(--muted);margin:0}.secondary-button{background:#173b51;color:#d8f8ff}.fine{font-size:13px;color:var(--muted);line-height:1.8;margin:22px 0}.service{padding-top:52px;padding-bottom:58px;border-top:1px solid var(--line);display:flex;gap:32px;align-items:center;justify-content:space-between}.service h2{color:var(--cyan);font-size:clamp(34px,3.7vw,48px)}.service p{margin:0 0 14px}.service .button{flex-shrink:0}.service .lede{color:white;font-size:26px}footer{border-top:1px solid var(--line);max-width:1160px;padding:32px 40px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:var(--muted)}footer .brand{font-size:17px;color:white}footer p{margin:0}
.guide{padding-top:32px;padding-bottom:30px}.back{color:var(--muted);font-size:14px;text-decoration:none}.guide-intro{padding:32px 0 56px;max-width:760px}.guide h1{font-size:clamp(44px,5vw,66px)}.prep{border-top:1px solid var(--line);padding:35px 0}.prep>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.prep p{color:var(--muted);margin:0}.prep strong{color:white;font-size:19px}.steps{padding:35px 0 55px}.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:22px}.steps li{display:flex;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.step-num{color:var(--cyan);font-size:27px;line-height:1.4;font-weight:800;min-width:42px}.steps h3{font-size:22px;margin:0 0 9px}.steps p{color:var(--muted);margin:0}.source-note{font-size:13px!important;line-height:1.8;margin-top:24px!important}.source-note a{color:var(--cyan)}#prompts{padding-top:35px;border-top:1px solid var(--line)}.prompt-row{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:34px 0 42px;border-bottom:1px solid var(--line)}.scene-image{width:100%;aspect-ratio:9/13;overflow:hidden;border-radius:10px;background:#12384f}.scene-image>img{width:100%;height:100%;object-fit:cover}.prompt-copy h3{font-size:39px;margin:2px 0}.scene-label{color:var(--cyan);font-size:14px}.scene-tag{font-size:20px!important;color:white!important;margin:0 0 15px!important}.prompt-copy p{color:var(--muted);margin:12px 0}.inputs{padding:10px 0;color:#d9ecf6!important;font-size:15px}.prompt-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:20px 0}.prompt-actions button{cursor:pointer;border:0;border-radius:7px;padding:10px 18px;font-weight:700;background:var(--cyan);color:var(--navy);min-height:46px}.prompt-actions a{font-size:14px;text-underline-offset:4px}details{border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-size:15px;color:#dae7f0;min-height:36px}pre{font-family:ui-monospace,monospace;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow:auto;max-height:340px;padding:20px;background:#020d18;color:#dceaf3;border-radius:8px;overflow-wrap:anywhere}.route{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;padding:20px}.route span{font-size:21px;font-weight:700}.route b{color:var(--cyan);font-size:50px}.route small{font-size:14px;color:var(--muted)}.references{padding:50px 0 30px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.reference-grid a{text-decoration:none}.reference-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:#10283b}.reference-grid a:last-child img{object-fit:contain}.reference-grid span{display:flex;justify-content:space-between;padding-top:9px;font-size:15px}.reference-grid b{color:var(--cyan)}.guide-service{margin-top:32px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--cyan);color:var(--navy);padding:12px 24px;border-radius:8px;opacity:0;pointer-events:none;z-index:5;font-weight:700;transition:.2s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.nav{padding:20px 24px}.nav nav{gap:18px}.nav-action{display:none}.hero{gap:40px;grid-template-columns:1fr 270px;padding-top:42px}h1{font-size:50px}.lede{font-size:18px}.hero .actions{gap:18px}.comment-note strong{font-size:25px}.kit-grid{gap:24px}.kit-grid h3{font-size:21px}.service{align-items:start;flex-direction:column}.steps ol{column-gap:25px}.prompt-row{grid-template-columns:185px 1fr;gap:25px}.prompt-copy h3{font-size:32px}footer{padding:28px 24px;flex-wrap:wrap}}
@media(max-width:600px){body{font-size:16px}.brand{font-size:17px}.brand span{font-size:10px}.nav nav{font-size:14px}.hero{grid-template-columns:1fr;gap:42px;padding-top:32px;padding-bottom:50px}.hero-copy{max-width:460px}h1{font-size:clamp(44px,11.5vw,64px)}h2{font-size:33px}.tag{font-size:13px}.lede{font-size:18px}.hero .film-wrap{max-width:280px}.film-wrap video{box-shadow:10px 10px 0 #183b53}.section-heading{display:block;margin-bottom:25px}.section-heading p{font-size:15px}.kit{padding-top:40px;padding-bottom:40px}.kit-grid{grid-template-columns:1fr;gap:0}.kit-grid article{padding:20px 0;border-bottom:1px solid var(--line)}.kit-grid article:first-child{padding-top:0}.kit-grid p br{display:none}.kit-grid h3{font-size:25px;margin:5px 0}.service h2{font-size:34px}.button{width:100%;gap:15px}.hero .text-link{margin-top:0}.prep>div{grid-template-columns:1fr;gap:20px}.steps ol{grid-template-columns:1fr}.prompt-row{grid-template-columns:1fr;gap:24px}.scene-image{aspect-ratio:16/10}.scene-image>img{object-position:center 38%}.prompt-copy h3{font-size:36px}.route{gap:5px}.route b{line-height:1;font-size:35px}.reference-grid{grid-template-columns:1fr 1fr}.guide-intro{padding-top:25px}.guide h1{font-size:49px}.guide-service{padding-top:35px}.guide-service h2{font-size:34px}footer{gap:15px;display:block}footer p{margin:12px 0}.fine{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}