:root{--ink:#0b2433;--blue:#123f59;--accent:#f9ab38;--paper:#f7f7f4;--line:#dfe4e5;--muted:#64747d;--white:#fff;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:4}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,5rem);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);text-decoration:none;font-weight:700;line-height:1.05}.brand small{display:block;color:var(--muted);font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-top:.25rem}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--ink);color:var(--accent);font-weight:900;border-radius:10px;letter-spacing:-.08em}nav{display:flex;gap:1.4rem}nav a{color:var(--ink);text-decoration:none;font-size:.93rem;font-weight:600}nav a:hover,nav a.active{color:#0e7a82}nav span{display:inline-grid;place-items:center;min-width:1.25rem;padding:0 .25rem;border-radius:99px;background:var(--accent);font-size:.7rem}.menu{display:none;background:none;border:0;font-size:1.3rem}main{min-height:calc(100vh - 76px)}.wrap{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,2rem)}.eyebrow{font-size:.76rem;color:#0e7a82;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .7rem}.lead{font-size:1.13rem;max-width:55ch;color:#3e535e}.hero{background:var(--ink);color:#fff;overflow:hidden;position:relative}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;min-height:530px}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.055em;margin:.2rem 0 1.2rem}.hero .lead{color:#d8e2e6}.hero .eyebrow{color:var(--accent)}.hero-image{position:relative}.hero-image img{width:100%;height:380px;object-fit:cover;border-radius:26px;filter:saturate(.85)}.tag{position:absolute;bottom:-13px;left:18px;background:var(--accent);color:var(--ink);padding:.5rem .8rem;border-radius:8px;font-size:.78rem;font-weight:750}.buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.button{appearance:none;border:1px solid var(--ink);background:var(--ink);color:white;padding:.75rem 1.05rem;border-radius:9px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:var(--blue)}.button.alt{background:transparent;color:var(--ink)}.hero .button{background:var(--accent);border-color:var(--accent);color:var(--ink)}.hero .button.alt{background:transparent;border-color:#8ba0a9;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem}.section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;margin:0}.text-link{font-weight:700;color:#0e6570}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.product-image{height:210px;width:100%;object-fit:cover}.card-body{padding:1.05rem}.card h3{font-size:1.15rem;margin:.1rem 0 .35rem}.card p{font-size:.9rem;color:var(--muted);margin:0 0 1rem}.chip{font-size:.72rem;background:#e6f3f1;color:#07575f;padding:.3rem .5rem;border-radius:99px;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{padding:1.2rem;border-top:4px solid var(--accent);background:#fff}.step span{font-weight:800;color:#0e7a82}.step h3{margin:.45rem 0}.notice{background:#fff7e7;border-left:4px solid var(--accent);padding:1rem 1.2rem;margin:0 0 1.5rem}.catalog-header{background:#eaf3f3}.catalog-header h1,.page-title{font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.055em;margin:.2rem 0}.filters{background:white;border:1px solid var(--line);padding:1rem;border-radius:14px;display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}.filters input,.filters select,.field input,.field textarea{font:inherit;border:1px solid #bdc8cc;border-radius:8px;padding:.68rem;width:100%;background:white}.filters input{flex:1;min-width:210px}.filters select{width:auto}.results{display:grid;grid-template-columns:230px 1fr;gap:2rem}.aside h3{margin-top:0}.filter-list{display:grid;gap:.3rem}.filter-list label{font-size:.9rem}.breadcrumbs{font-size:.87rem;color:var(--muted);margin-bottom:1rem}.detail{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.gallery img{height:420px;width:100%;object-fit:cover;border-radius:var(--radius)}.detail h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.05em;margin:.2rem 0 1rem}.specs{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.spec{padding:.38rem .6rem;background:#edf3f4;border-radius:7px;font-size:.85rem}.form-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem}.options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.35rem}.field label{font-size:.85rem;font-weight:700}.field textarea{min-height:96px;resize:vertical}.field.full{grid-column:1/-1}.choice-row{display:flex;gap:.45rem;flex-wrap:wrap}.choice{border:1px solid #bdc8cc;background:#fff;padding:.48rem .7rem;border-radius:8px;cursor:pointer}.choice.selected{border-color:#0e7a82;background:#e6f3f1}.preview{background:#dfecee;min-height:255px;border-radius:14px;display:grid;place-items:center;text-align:center;padding:1rem}.keychain{color:white;background:#e5686d;padding:1.4rem 1.7rem;border-radius:12px 12px 35px 35px;font-size:2.1rem;font-weight:800;position:relative;box-shadow:0 8px 0 rgba(0,0,0,.11)}.keychain:before{content:"";position:absolute;width:20px;height:20px;border:5px solid #fff;border-radius:50%;left:calc(50% - 15px);top:7px}.proposal-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem}.proposal-row{display:flex;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:.8rem}.proposal-row img{width:100px;height:100px;object-fit:cover;border-radius:8px}.proposal-row h3{margin:0}.proposal-row p{margin:.35rem 0;color:var(--muted);font-size:.86rem}.summary{height:max-content;background:var(--ink);color:#fff;padding:1.3rem;border-radius:var(--radius)}.summary h2{margin-top:0}.summary .button{width:100%;background:var(--accent);color:var(--ink);border-color:var(--accent)}.empty{text-align:center;padding:4rem 1rem;background:#fff;border:1px dashed #bdc8cc;border-radius:var(--radius)}.idea{display:grid;grid-template-columns:.75fr 1.25fr;gap:3rem}.idea aside{background:var(--ink);color:white;padding:2rem;border-radius:var(--radius)}.idea aside p{color:#d1dde0}.upload{border:2px dashed #9eafb5;padding:1.3rem;text-align:center;border-radius:12px;color:var(--muted);font-size:.9rem}.success{background:#e5f4ec;border:1px solid #a7d5b8;padding:1rem;border-radius:10px;margin-top:1rem;color:#175b35}footer{background:#061923;color:#d7e4e7;padding:2rem clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:.84rem}footer .brand{color:#fff}footer p{max-width:280px;margin:0}@media(max-width:760px){nav{display:none}.menu{display:block}.hero .wrap,.detail,.idea,.proposal-layout{grid-template-columns:1fr}.hero .wrap{padding-top:3rem}.hero-image{order:-1}.hero-image img{height:260px}.grid,.steps{grid-template-columns:1fr}.results{grid-template-columns:1fr}.aside{display:none}.options{grid-template-columns:1fr}.gallery img{height:280px}.proposal-row{align-items:flex-start}footer{align-items:flex-start;flex-direction:column}.topbar{height:66px}.topbar .brand small{display:none}}
.head-actions{display:flex;align-items:center;gap:.4rem}.icon-button{border:1px solid var(--line);background:var(--white);border-radius:9px;width:38px;height:38px;font-size:1.1rem;color:var(--ink);cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.category-card{display:grid;grid-template-columns:170px 1fr;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.category-card img{width:100%;height:100%;min-height:190px;object-fit:cover}.category-card>div{padding:1.25rem}.category-card h2{margin:.1rem 0 .4rem;font-size:1.4rem}.category-card p{margin:.2rem 0 1rem;color:var(--muted)}.subnav{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.3rem}.subnav button{border:1px solid #aebfc4;background:#fff;padding:.45rem .65rem;border-radius:99px;font:inherit;font-size:.88rem;cursor:pointer}.filter-toggle{margin:0 0 1.3rem}.filter-toggle .filters{display:none}.filter-toggle .filters.open{display:flex}.drawer{position:fixed;right:0;top:0;width:min(355px,90vw);height:100dvh;background:var(--white);z-index:6;box-shadow:-14px 0 40px rgba(0,0,0,.18);padding:2rem;transform:translateX(105%);transition:transform .2s ease}.drawer.open{transform:translateX(0)}.drawer h2{margin:.1rem 0 1rem}.drawer a{display:block;padding:.75rem 0;color:var(--ink);border-bottom:1px solid var(--line);font-weight:650;text-decoration:none}.close-drawer{float:right;border:0;background:none;color:var(--ink);font-size:2rem;line-height:1;cursor:pointer}.admin{min-height:calc(100vh - 76px);display:grid;grid-template-columns:250px 1fr;background:#edf2f3}.admin>aside{background:#071e2a;color:#d7e4e7;padding:1.5rem;display:flex;flex-direction:column;gap:.3rem}.admin>aside .brand{color:#fff;margin-bottom:2rem}.admin>aside a{color:#d7e4e7;text-decoration:none;padding:.65rem;border-radius:7px}.admin>aside a.selected,.admin>aside a:hover{background:#123f59;color:#fff}.admin>aside b{float:right;background:var(--accent);color:var(--ink);padding:0 .35rem;border-radius:99px}.admin>main{padding:clamp(1.5rem,4vw,3.5rem);max-width:1100px}.admin h1{font-size:2.4rem;margin:.2rem 0 1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-grid>div{background:#fff;border-radius:14px;padding:1.2rem}.stat-grid strong{font-size:2rem;display:block}.stat-grid span,.admin-list small{color:var(--muted);font-size:.86rem}.admin-panel{background:#fff;border-radius:var(--radius);padding:1.4rem}.admin-list>div{display:grid;grid-template-columns:30px 1fr 1.5fr auto;align-items:center;gap:.7rem;padding:.8rem 0;border-top:1px solid var(--line)}.admin-list button{border:1px solid #b9c6ca;border-radius:7px;background:#fff;padding:.35rem .55rem}.drag{color:var(--muted)}.admin-warning{font-size:.85rem;color:#5a6100;background:#fff7e7;padding:.8rem 1rem;border-radius:8px}.dark{--ink:#e8f1f3;--blue:#2a617c;--accent:#f9b33c;--paper:#101b21;--line:#334650;--muted:#b1c2c9;--white:#17262e}.dark .hero,.dark footer,.dark .admin>aside{background:#06151d}.dark .catalog-header{background:#162c33}.dark .button.alt,.dark .text-link{color:#75d2d8}.dark .choice,.dark .subnav button,.dark .admin-list button{color:var(--ink);background:#1c3039}.dark .notice{color:#20220c}.dark .preview{background:#29434d}.dark .chip{background:#173f43;color:#a4e5e9}@media(max-width:760px){.category-grid{grid-template-columns:1fr}.category-card{grid-template-columns:120px 1fr}.category-card img{min-height:150px}.admin{grid-template-columns:1fr}.admin>aside{display:none}.stat-grid{grid-template-columns:1fr}.admin-list>div{grid-template-columns:22px 1fr auto}.admin-list small{grid-column:2/4}.head-actions .menu{display:block}}
.dark{color-scheme:dark;background:#101b21}.dark body{background:#101b21;color:#e8f1f3}.dark .topbar{background:#0d1920;border-bottom-color:#334650}.dark .lead{color:#c2d0d5}.dark .card,.dark .step,.dark .form-card,.dark .filters,.dark .category-card,.dark .empty{background:#17262e;border-color:#3a4d57;color:#e8f1f3}.dark .card p,.dark .category-card p,.dark .proposal-row p{color:#b9c8cd}.dark .proposal-row{background:#17262e;border-color:#3a4d57}.dark .catalog-header{border-bottom:1px solid #334650}.dark .filters input,.dark .filters select,.dark .field input,.dark .field textarea{background:#0d1920;border-color:#4d646f;color:#eef8fa}.dark .filters input::placeholder,.dark .field input::placeholder,.dark .field textarea::placeholder{color:#9db1b8}.dark .spec{background:#213842;color:#d9edf1}.dark .notice{background:#3b3216;border-left-color:#f9b33c;color:#fff1bf}.dark .success{background:#173d2b;color:#d7f6e3;border-color:#428665}.dark .summary{background:#06151d}.dark .icon-button{background:#17262e;color:#f9b33c}.dark .choice.selected{background:#17484a;border-color:#6ed2d7;color:#fff}.dark .button{background:#e7f0f2;color:#071e2a;border-color:#e7f0f2}.dark .button:hover{background:#9fd4d9}.dark .hero .button{background:#f9b33c;color:#071e2a;border-color:#f9b33c}.dark .hero .button.alt{background:transparent;color:#fff;border-color:#7c9aa5}.dark .topbar nav a{color:#dbe9ed}.dark .topbar nav a.active,.dark .topbar nav a:hover{color:#7edee3}.dark .drawer{background:#17262e}.dark .drawer a{color:#e8f1f3}.dark .close-drawer{color:#e8f1f3}.dark .subnav button{border-color:#52707d}.dark .keychain{background:#c6535b}.dark .empty{border-color:#52707d}
:root{--ink:#08254a;--blue:#075bba;--accent:#18a9f4;--paper:#f3f8fc;--line:#c8d8e8;--muted:#496278;--white:#ffffff}.brand-logo{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(2,40,82,.24))}.brand-copy{font-weight:800;letter-spacing:.015em;color:var(--ink)}.topbar{background:rgba(255,255,255,.96)}.brand-mark{background:#08254a;color:#eaf7ff}.hero{background:linear-gradient(120deg,#061d3c 0%,#075bba 58%,#0ba8ef 100%)}.hero .eyebrow{color:#d9f5ff}.hero .button{background:#e9f7ff;border-color:#e9f7ff;color:#075bba}.hero .button.alt{border-color:#b7e9ff}.chip{background:#e1f4ff;color:#075bba}.eyebrow,.text-link{color:#087ac8}.step{border-top-color:#18a9f4}.dark{--ink:#edf8ff;--blue:#129be9;--accent:#2bbcff;--paper:#061325;--line:#294b6b;--muted:#b5c9da;--white:#0e2439;color-scheme:dark;background:#061325}.dark body{background:#061325;color:#edf8ff}.dark .topbar{background:#071a2e;border-bottom-color:#294b6b}.dark .brand-copy,.dark .topbar nav a{color:#edf8ff}.dark .topbar nav a.active,.dark .topbar nav a:hover,.dark .text-link{color:#62d0ff}.dark .hero{background:linear-gradient(120deg,#020b18 0%,#073366 55%,#087dba 100%)}.dark .catalog-header{background:#0a2944;border-bottom-color:#294b6b}.dark .catalog-header h1,.dark .section-head h2,.dark h1,.dark h2,.dark h3{color:#edf8ff}.dark .lead{color:#c9ddea}.dark .card,.dark .step,.dark .form-card,.dark .filters,.dark .category-card,.dark .empty,.dark .proposal-row{background:#0e2439;border-color:#294b6b;color:#edf8ff}.dark .card p,.dark .category-card p,.dark .proposal-row p{color:#c0d4e2}.dark .filters input,.dark .filters select,.dark .field input,.dark .field textarea{background:#071a2e;border-color:#47779c;color:#edf8ff}.dark .spec{background:#123b5e;color:#d9f2ff}.dark .notice{background:#183950;border-left-color:#2bbcff;color:#e3f6ff}.dark .idea aside{background:linear-gradient(145deg,#061a32,#0c4f82);color:#edf8ff}.dark .idea aside p{color:#d1e9f8}.dark .summary{background:#071a2e}.dark .button{background:#e5f6ff;color:#06305e;border-color:#e5f6ff}.dark .button:hover{background:#77d4ff}.dark .hero .button{background:#e5f6ff;color:#075bba}.dark .hero .button.alt{background:transparent;color:#fff;border-color:#a7e3ff}.dark .icon-button{background:#0e2439;border-color:#47779c;color:#62d0ff}.dark .drawer{background:#0e2439}.dark .drawer a,.dark .close-drawer{color:#edf8ff}.dark .subnav button,.dark .choice,.dark .admin-list button{background:#102f4a;color:#edf8ff;border-color:#47779c}.dark .choice.selected{background:#0c5f8c;border-color:#62d0ff}.dark .preview{background:#103a5a}.dark .keychain{background:#087ac8}.dark footer{background:#020b18}.dark .brand-logo{filter:drop-shadow(0 2px 4px rgba(80,195,255,.32))}