:root{--navy:#101b36;--deep:#0b1530;--blue:#6059ed;--mint:#76efd6;--ink:#1d2a43;--muted:#64728a;--bg:#f6f8fc;--border:#e5eaf2;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:white;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1150px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:white;padding:10px;z-index:100}.skip:focus{top:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header{background:var(--navy);position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff17}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:22px;display:inline-flex;align-items:center;gap:8px;color:white;letter-spacing:-.7px}.brandmark{display:inline-grid;place-items:center;background:linear-gradient(135deg,#7d92ff,#5be4c9);border-radius:12px;width:38px;height:38px;color:#071b37;font-size:26px}.accent{color:var(--mint)}nav{display:flex;gap:27px}nav a{color:#d8e1f4;font-size:14px;font-weight:600}nav a:hover,nav a:focus{color:var(--mint)}.menu-btn{display:none}.hero{background:radial-gradient(circle at 80% 20%,#294478 0,transparent 40%),linear-gradient(145deg,#101c38,#0c1530);color:white;overflow:hidden}.hero-inner{padding:96px 0 88px;position:relative}.hero-inner:after{content:'+';position:absolute;right:5%;top:8%;font-size:400px;line-height:1;color:#ffffff08;pointer-events:none}.eyebrow{display:block;color:var(--mint);font-size:12px;letter-spacing:2px;font-weight:800;margin-bottom:16px}.eyebrow.dark{color:#4d65c9}.hero h1{font-size:clamp(44px,6vw,76px);letter-spacing:-3px;line-height:1.1;margin:0 0 24px;max-width:850px}.hero h1 span{color:var(--mint)}.hero p{color:#c4cde0;font-size:18px;max-width:600px;margin:0 0 34px}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary,.light-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 22px;font-weight:750;font-size:14px}.primary{background:var(--blue);color:white}.primary:hover{background:#365ce8}.secondary{background:#ffffff12;color:white;border:1px solid #ffffff36}.stats{display:flex;gap:44px;margin-top:55px;color:#b5c2d9;font-size:13px}.stats strong{color:white;font-size:22px;display:block}.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.section h2,.band h2,.about h2,.workspace h2{font-size:clamp(29px,3.6vw,42px);line-height:1.2;letter-spacing:-1.4px;margin:0 0 12px}.section p,.workspace .worktop p{color:var(--muted);margin:0 0 24px}.searchbox input{padding:15px 18px;border:1px solid var(--border);border-radius:11px;width:min(320px,80vw);outline:none;background:var(--bg)}input:focus,select:focus{outline:3px solid #4e75ff35;border-color:var(--blue)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.filter{background:white;border:1px solid var(--border);padding:9px 18px;border-radius:30px;color:var(--muted);font-weight:700}.filter.active{background:var(--navy);color:white}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{background:white;text-align:left;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:.2s;min-height:205px}.tool-card:hover,.tool-card:focus{transform:translateY(-3px);box-shadow:0 12px 35px #142b5316;border-color:#b7c6f6}.tool-icon,.feature-icon{width:46px;height:46px;border-radius:13px;background:#eaf0ff;color:#4769d7;display:grid;place-items:center;font-size:24px;font-weight:800}.tool-card h3{font-size:18px;margin:17px 0 6px}.tool-card p{font-size:14px;color:var(--muted);margin:0 0 15px}.tool-card .go{color:#4d68d5;font-size:13px;font-weight:800}.workspace{background:#f1f5fc;padding:60px 0}.worktop{display:flex;justify-content:space-between;gap:20px;align-items:start}.close{background:white;border:1px solid var(--border);border-radius:9px;padding:10px}.work-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.form-card,.result-card{background:white;border-radius:var(--radius);padding:28px;border:1px solid var(--border)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:800}.field input,.field select{border:1px solid #d9e1ee;padding:13px;border-radius:9px;width:100%;background:white}.actions{margin-top:25px}.actions .secondary{color:var(--ink);border:1px solid var(--border);background:white}.error{color:#ba2e3e;margin-top:15px}.result-card{background:var(--navy);color:white}.result-value{font-size:clamp(28px,4vw,48px);font-weight:800;overflow-wrap:anywhere;line-height:1.3}.result-card>p{color:#c2cce0}.copy{border:1px solid #5a719c;color:white;background:transparent;padding:9px 15px;border-radius:9px}.copy:disabled{opacity:.4;cursor:not-allowed}.formula{margin-top:28px;border-top:1px solid #ffffff29;padding-top:18px}.formula h3{font-size:15px}.formula p{color:#c2cce0;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{background:var(--bg);padding:25px;border-radius:var(--radius)}.feature-grid h3{margin-bottom:8px}.feature-grid p{margin:0;font-size:14px}.band{background:#1c2f58;color:white;padding:74px 0}.band-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.band p{color:#cad5ea;max-width:520px}.light-button{background:var(--mint);color:#0d2c38;margin-top:10px}.conversion-preview{display:grid;gap:13px}.conversion-preview div{background:#ffffff12;border:1px solid #ffffff20;border-radius:12px;padding:20px 24px;font-size:19px;font-weight:750;display:flex;justify-content:space-between;gap:15px}.conversion-preview span{color:var(--mint)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0 45px}.steps b{color:#5274df;font-size:28px}.steps h3{margin:8px 0}.article{background:var(--bg);border-radius:var(--radius);padding:30px}.article p{margin-bottom:18px}.article a{color:#3459cd;text-decoration:underline}.about{background:#edf3ff;padding:60px 0}.about p{max-width:800px;color:var(--muted)}.footer{background:var(--deep);color:white;padding:48px 0 20px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.foot-grid p{color:#a9b7d1}.foot-grid h3{font-size:15px}.foot-grid a:not(.brand){display:block;color:#b9c5dd;margin:9px 0;font-size:14px}.copyright{border-top:1px solid #ffffff20;padding-top:18px;margin-top:35px;color:#9ba9c4;font-size:13px}@media(max-width:800px){.tool-grid{grid-template-columns:repeat(2,1fr)}.band-inner,.work-layout{grid-template-columns:1fr}.menu-btn{display:block;background:transparent;border:1px solid #ffffff40;border-radius:8px;color:white;padding:8px 12px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:22px;flex-direction:column;gap:15px}nav.open{display:flex}.hero-inner{padding:70px 0}.hero-inner:after{display:none}}@media(max-width:560px){.wrap{width:min(100% - 28px,1150px)}.section{padding:54px 0}.tool-grid,.feature-grid,.steps,.foot-grid{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.searchbox input{width:100%}.stats{gap:18px;flex-wrap:wrap}.fields{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.worktop{flex-direction:column}.conversion-preview div{font-size:16px}}

/* InspirationVault.site visual identity — 2026 refresh */
:root{--radius:20px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.header{background:#101b36}.brandmark{background:linear-gradient(135deg,#8b83ff,#76efd6);box-shadow:0 5px 20px #7b83ff38}.hero{background:radial-gradient(ellipse at 85% 25%,#3c427d 0,transparent 42%),radial-gradient(ellipse at 18% 100%,#163b57 0,transparent 42%),linear-gradient(145deg,#101b36,#111a36)}.hero-inner{padding:90px 0 88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);column-gap:46px;align-items:center}.hero-inner>.eyebrow,.hero-inner>h1,.hero-inner>p,.hero-inner>.hero-actions,.hero-inner>.stats{grid-column:1}.hero-inner>.eyebrow{align-self:end}.hero-inner>h1{margin-top:0}.hero-inner>p{max-width:580px}.hero-inner>.stats{align-self:start}.hero-inner:after{display:none}.hero h1{font-size:clamp(43px,5.2vw,69px)}.hero-showcase{grid-column:2;grid-row:1 / span 5;position:relative;z-index:1;background:#fff;border:1px solid #ffffff38;border-radius:24px;color:#17223c;box-shadow:0 30px 75px #050c2466;transform:rotate(2deg);overflow:hidden}.showcase-top{display:flex;align-items:center;gap:6px;background:#f0f2fb;border-bottom:1px solid #e4e8f1;padding:17px 21px}.showcase-dot{height:9px;width:9px;border-radius:50%;background:#ffb2a8}.showcase-dot:nth-child(2){background:#ffdb8c}.showcase-dot:nth-child(3){background:#8cddbb}.showcase-title{margin-left:auto;color:#738099;font-size:10px;font-weight:800;letter-spacing:1.3px}.showcase-body{padding:34px}.showcase-label{font-size:12px;color:#718099;font-weight:700}.showcase-equation{font-size:clamp(35px,4vw,53px);font-weight:850;letter-spacing:-2px;margin:22px 0}.showcase-equation span{color:#6059ed}.showcase-answer{background:linear-gradient(130deg,#ecebff,#e9f9f5);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:4px}.showcase-answer span{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#6862c3}.showcase-answer strong{font-size:44px;line-height:1.2;color:#282461;letter-spacing:-1px}.showcase-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:12px;font-weight:700;color:#65728c}.tool-card,.feature-grid article{transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover,.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #16244712}.primary{background:#655df0}.primary:hover{background:#5149d6}.section-head h2,.section h2{letter-spacing:-1px}@media(max-width:850px){.hero-inner{grid-template-columns:1fr;gap:24px;padding:70px 0}.hero-inner>.eyebrow,.hero-inner>h1,.hero-inner>p,.hero-inner>.hero-actions,.hero-inner>.stats{grid-column:1}.hero-showcase{grid-column:1;grid-row:auto;max-width:450px;width:100%;margin:20px auto 0;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card,.feature-grid article{transition:none}}