/* Undangmu / Instagram startup identity. Keep store badges in official colours. */
:root{--ink:#102656;--sage:#174bcc;--paper:#fff;--muted:#52627e;--line:#dbe4f5;--brand-blue:#174bcc;--brand-lime:#ccff00}
body{background:#fff;color:var(--ink)}
.brand{font-weight:800;letter-spacing:-1.2px}.brand-symbol{width:40px;height:40px;flex-shrink:0}.brand-dot{color:var(--brand-blue)}
.announcement{background:var(--brand-blue);color:#fff}.announcement a{color:#ccff00}
.header{background:#ffffffed;border-bottom:1px solid var(--line)}
.startup-hero{position:relative}.startup-copy h1{font-weight:900}.startup-copy h1>span{color:var(--brand-blue);text-decoration:underline;text-decoration-color:#ccff00;text-decoration-thickness:7px;text-underline-offset:7px}
.launch-pill{color:#102656;background:#eef4ff;border-color:#c9d9f7}.launch-pill>span{background:#174bcc}
.button{background:#174bcc;color:#fff;border-color:#174bcc;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:#103ba5;box-shadow:0 8px 24px #174bcc25;transform:translateY(-2px)}.button.secondary{background:#fff;color:#174bcc;border:1px solid #174bcc}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #174bcc;outline-offset:5px}
.product-stage{background:radial-gradient(ellipse,#c9d9f7 0%,#eef4ff 60%,transparent 72%)}
.workspace-avatar,.toast-check{background:#ccff00;color:#102656}.project-status{background:#eef4ff;color:#174bcc}
.benefit-strip{background:#174bcc;color:#fff}.benefit-strip b{color:#ccff00}
.intro-section h2 span,.intro-lead strong,em,.collection-copy em{color:#174bcc}
.intro-tags span{background:#eef4ff;color:#174bcc}.feature{background:#eef4ff}.feature-wide{background:#174bcc;color:#fff}.feature-wide h3,.feature-wide p,.feature-wide .feature-no{color:#fff}.feature-wide .mini-brand{background:#fff;color:#102656}.feature-symbol{background:#fff;color:#174bcc}
.template-showcase{background:#eef4ff}.slider-controls-web button{background:#fff;border:1px solid #c9d9f7;color:#174bcc}.slider-controls-web button:hover{background:#174bcc;color:#fff}
.sample-open{background:#174bcc;color:#fff}.sample-card:hover .sample-open{background:#ccff00;color:#102656}
.steps article{background:#f4f7ff}.steps article>span{background:#ccff00;color:#102656}
.pricing{background:#eef4ff}.plan{background:#fff}.plan.featured{background:#fff;border:2px solid #174bcc;box-shadow:0 16px 40px #174bcc15}.plan-badge{background:#ccff00;color:#102656}
.faq-list details{background:#f4f7ff}.faq-list details[open]{box-shadow:inset 3px 0 #174bcc}.faq-list summary{color:#102656}
.cta{background:#174bcc;color:#fff}.cta h2,.cta em,.cta p,.cta .eyebrow,.cta>small,.cta .official-store-item>small{color:#fff}.cta-star{color:#ccff00}.cta .official-store-badge:focus-visible{outline-color:#ccff00}
.footer{background:#102656;color:#fff}.footer .brand,.footer .brand-dot{color:#fff}.footer .brand-symbol{background:#fff;border-radius:10px}.footer .outline-light{background:transparent;border-color:#fff;color:#fff}.footer .outline-light:hover{background:#ccff00;color:#102656;border-color:#ccff00}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

.plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}@media(max-width:760px){.plans{grid-template-columns:1fr}}