:root{--ink:#072226;--ink-soft:#1a3a3f;--teal:#0d7377;--teal-bright:#14919b;--mist:#eef5f4;--paper:#f7fbfa;--white:#fff;--accent:#e4572e;--accent-deep:#c64522;--line:#0722261f;--muted:#4d666a;--shadow:0 18px 50px #0722261f;--radius:18px;--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 500px at 10% -10%, #14919b29, transparent 60%), radial-gradient(900px 420px at 100% 0%, #e4572e1a, transparent 55%), var(--paper);min-width:320px;color:var(--ink);margin:0}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;line-height:1.12}p{margin:0 0 1rem}.site{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}.container.narrow{width:min(780px,100% - 2.5rem)}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .65rem;font-size:.82rem;font-weight:700;display:inline-block}.lede{color:var(--muted);max-width:42rem;font-size:1.08rem}.section{padding:5rem 0}.section-head{max-width:40rem;margin-bottom:2.5rem}.section-head h1,.section-head h2{font-size:clamp(2rem,4vw,3rem)}.page-top{padding-top:7.5rem}.center-actions{justify-content:center;margin-top:2.25rem;display:flex}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1.2rem;font-weight:700;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #e4572e47}.btn-primary:hover{background:var(--accent-deep)}.btn-secondary{background:var(--ink);color:#fff}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-lg{padding:.95rem 1.45rem;font-size:1.02rem}.text-link{color:var(--teal);font-weight:700}.nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7fbfad1;border-bottom:1px solid #0722260f;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,100% - 2.5rem);min-height:72px;margin:0 auto;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.2rem;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--teal-bright), var(--teal)), var(--teal);border-radius:5px;width:1.15rem;height:1.15rem;position:relative;box-shadow:inset 0 0 0 2px #ffffff40}.brand-mark:after{content:"";background:var(--accent);border-radius:50%;width:.55rem;height:.55rem;position:absolute;bottom:-3px;right:-3px}.nav-links{align-items:center;gap:1.35rem;display:flex}.nav-links a{color:var(--ink-soft);font-weight:600}.nav-links a.active:not(.btn){color:var(--teal)}.nav-cta{margin-left:.35rem}.nav-toggle{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;padding:0;display:none}.nav-toggle span{background:var(--ink);width:18px;height:2px}.hero{color:#fff;isolation:isolate;align-items:end;min-height:min(92vh,820px);display:grid;position:relative;overflow:hidden}.hero-atmosphere{z-index:-1;background:linear-gradient(120deg,#0722268c 8%,#07222647 48%,#0722269e 100%),radial-gradient(circle at 78% 30%,#14919b59,#0000 28%),linear-gradient(160deg,#0a3d42 0%,#0d7377 38%,#12363c 72%,#07191c 100%);animation:14s ease-in-out infinite alternate atmosphereShift;position:absolute;inset:0}.hero-atmosphere:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:56px 56px;animation:22s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}.hero-atmosphere:after{content:"";aspect-ratio:8.5/11;background:linear-gradient(#ffffff2e,#ffffff0d),#ffffff14;border:1px solid #ffffff2e;border-radius:18px;width:48vw;max-width:640px;animation:8s ease-in-out infinite alternate sheetFloat;position:absolute;bottom:-8%;right:6%;transform:rotate(-6deg);box-shadow:0 30px 80px #00000047}.hero-grid{padding:8.5rem 0 5rem}.hero-copy{max-width:40rem;animation:.9s both riseIn}.brand-lockup{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:.95}.hero h1{color:#fffffff5;max-width:18ch;margin-bottom:1rem;font-size:clamp(1.55rem,3.2vw,2.25rem);font-weight:700}.hero-lede{color:#ffffffd1;max-width:34rem;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.75rem;display:flex}.hero .btn-ghost{color:#fff;border-color:#ffffff59}.stats-section{padding:2.5rem 0}.stats-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.5rem;display:grid}.stats-row div{gap:.35rem;display:grid}.stats-row strong{font-family:var(--font-display);color:var(--teal);letter-spacing:-.03em;font-size:2.4rem}.stats-row span{color:var(--muted)}.template-rail,.example-grid,.feature-grid,.review-grid{gap:1.25rem;display:grid}.template-rail{grid-template-columns:repeat(5,minmax(180px,1fr));padding-bottom:.5rem;overflow-x:auto}.template-tile,.example-item,.feature-item,.review-item{animation:.7s both riseIn}.template-tile h3,.example-item h3,.feature-item h3{margin-top:.85rem;font-size:1.15rem}.template-tile p,.example-item p,.feature-item p{color:var(--muted);margin-bottom:.75rem}.template-thumb{border:1px solid var(--line);height:260px;box-shadow:var(--shadow);background:linear-gradient(160deg,#d9ecea,#f7fbfa 45%,#fff);border-radius:16px;position:relative;overflow:hidden}.template-thumb .resume-sheet{transform-origin:0 0;pointer-events:none;width:240%;transform:scale(.42)}.template-badge{z-index:2;color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#072226e0;border-radius:8px;padding:.35rem .55rem;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:12px}.template-gallery{gap:2rem;display:grid}.template-card-block{border:1px solid var(--line);background:#ffffffb3;border-radius:20px;grid-template-columns:minmax(240px,340px) 1fr;align-items:center;gap:1.5rem;padding:1.25rem;display:grid}.template-card-copy h2{font-size:1.8rem}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-item{border-top:1px solid var(--line);padding:1.35rem 0}.ai-section{padding-top:2rem}.ai-panel{border:1px solid var(--line);background:linear-gradient(135deg,#0d73771a,#e4572e14),#fff;border-radius:28px;grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;padding:2rem;display:grid}.check-list{gap:.65rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.check-list li{color:var(--ink-soft);padding-left:1.4rem;font-weight:600;position:relative}.check-list li:before{content:"";background:var(--teal);border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:.45rem;left:0}.ai-preview-wrap{border:1px solid var(--line);max-height:520px;box-shadow:var(--shadow);background:#fff;border-radius:18px;overflow:hidden}.ai-preview-wrap .resume-sheet{transform-origin:top;transform:scale(.78)}.example-grid,.example-grid.dense{grid-template-columns:repeat(3,1fr)}.example-item{border-top:1px solid var(--line);padding:1.4rem 0}.chip-list{flex-wrap:wrap;gap:.45rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.chip-list li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.25rem .65rem;font-size:.82rem}.review-grid{grid-template-columns:repeat(3,1fr)}.review-item{border-top:1px solid var(--line);margin:0;padding:1.5rem 0 0}.review-item p{font-family:var(--font-display);font-size:1.35rem;line-height:1.3}.review-item cite{color:var(--muted);font-style:normal;font-weight:600}.cta-panel{text-align:center;color:#fff;background:radial-gradient(circle at 20% 20%,#14919b73,#0000 40%),linear-gradient(140deg,#072226,#0d7377 55%,#12363c);border-radius:28px;padding:3.5rem 1.5rem}.cta-panel h2{font-size:clamp(2rem,4vw,3rem)}.cta-panel p{color:#fffc;max-width:34rem;margin:0 auto 1.5rem}.faq-list{gap:.75rem;display:grid}.faq-item{border-bottom:1px solid var(--line);padding:.35rem 0 .85rem}.faq-q{text-align:left;width:100%;font-family:var(--font-display);cursor:pointer;color:var(--ink);background:0 0;border:0;justify-content:space-between;gap:1rem;padding:.85rem 0;font-size:1.15rem;font-weight:700;display:flex}.faq-icon{color:var(--teal);font-size:1.4rem;line-height:1}.faq-a{color:var(--muted);margin:0;padding-bottom:.5rem;animation:.35s both riseIn}.footer{border-top:1px solid var(--line);background:#ffffff8c;margin-top:2rem;padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer h4{margin-bottom:.85rem}.footer a{color:var(--muted);margin-bottom:.45rem;font-weight:600;display:block}.footer-copy{color:var(--muted);max-width:28rem}.footer-brand{margin-bottom:.85rem}.footer-bottom{color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;font-size:.92rem}.footer-bottom a{color:var(--teal);font-weight:700;display:inline}.footer-email,.footer-email-inline{color:var(--teal);word-break:break-all;margin:.35rem 0 0;font-weight:700}.footer-email-inline{margin:0}.contact-page .contact-panel{border-top:1px solid var(--line);margin-top:.5rem;padding:1.5rem 0 0}.contact-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.contact-email{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);word-break:break-all;-webkit-user-select:all;user-select:all;margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.contact-note{color:var(--muted);max-width:34rem;margin:1rem 0 0}.builder-page{width:min(1240px,100% - 2rem);margin:0 auto;padding:6.5rem 0 3rem}.builder-top{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.builder-top h1{font-size:clamp(1.8rem,3vw,2.5rem)}.builder-top-actions{flex-wrap:wrap;gap:.55rem;display:flex}.builder-steps{gap:.45rem;margin-bottom:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.builder-step{border:1px solid var(--line);white-space:nowrap;cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .85rem;font-weight:700;display:inline-flex}.builder-step.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.builder-step.is-done{color:var(--teal);border-color:#0d737759}.step-num{background:#0d73771f;border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;display:grid}.builder-step.is-active .step-num{background:#ffffff2e}.builder-layout{grid-template-columns:minmax(320px,1fr) minmax(320px,.95fr);align-items:start;gap:1.25rem;display:grid}.panel{border:1px solid var(--line);background:#ffffffd1;border-radius:20px;padding:1.25rem;box-shadow:0 10px 30px #0722260d}.form-stack{gap:.9rem;display:grid}.form-stack h2{font-size:1.45rem}.stack-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}label{gap:.35rem;font-size:.92rem;font-weight:600;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.75rem .85rem}input:focus,textarea:focus{border-color:var(--teal);outline:2px solid #0d737747}.checkbox-label{align-items:center;gap:.55rem;margin-top:1.6rem;display:flex}.checkbox-label input{width:auto}.entry-block{border-top:1px solid var(--line);gap:.75rem;padding-top:.75rem;display:grid}.ai-box{background:#0d73770a;border:1px dashed #0d737759;border-radius:14px;padding:.9rem}.ai-box h3{margin-bottom:.25rem;font-size:1rem}.ai-box p{color:var(--muted);font-size:.92rem}.ai-list{gap:.5rem;display:grid}.ai-list.horizontal{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ai-list button{text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:12px;padding:.7rem .8rem;transition:border-color .2s,transform .2s}.ai-list button:hover{border-color:var(--teal);transform:translateY(-1px)}.skill-input-row{grid-template-columns:1fr auto;gap:.55rem;display:grid}.skill-tags{flex-wrap:wrap;gap:.45rem;display:flex}.skill-tag{border:1px solid var(--line);background:var(--mist);cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-weight:600}.design-templates{gap:.55rem;display:grid}.design-option{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.design-option.is-active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.design-option span{color:var(--muted);font-size:.85rem}.color-row{flex-wrap:wrap;gap:.55rem;display:flex}.color-swatch{width:2rem;height:2rem;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%}.color-swatch.is-active{box-shadow:0 0 0 2px var(--ink)}.field-help{color:var(--muted);margin:0}.form-nav{border-top:1px solid var(--line);justify-content:space-between;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.preview-head{justify-content:space-between;align-items:baseline;margin-bottom:.85rem;display:flex}.preview-head span{color:var(--muted);font-size:.9rem;font-weight:600}.preview-stage{background:linear-gradient(#dceceb,#f4f8f7);border-radius:14px;max-height:calc(100vh - 220px);padding:1rem;overflow:auto}.toast{background:var(--ink);color:#fff;z-index:50;border-radius:999px;padding:.75rem 1.1rem;font-weight:700;animation:.3s both riseIn;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.resume-sheet{--accent:#0d7377;color:#152326;background:#fff;border-radius:8px;padding:1.5rem;font-size:.86rem;line-height:1.45;box-shadow:0 8px 28px #00000014}.resume-sheet h1,.resume-sheet h2,.resume-sheet h3{font-family:var(--font-display);letter-spacing:-.02em}.resume-sheet h1{color:var(--accent);margin:0;font-size:1.7rem}.resume-sheet h2{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1.5px solid color-mix(in srgb, var(--accent) 35%, white);margin:1rem 0 .55rem;padding-bottom:.25rem;font-size:.78rem}.resume-sheet h3{margin:0;font-size:.95rem}.sheet-headline{color:#405559;margin:.2rem 0 0;font-weight:600}.sheet-header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.75rem;display:flex}.sheet-contact{text-align:right;color:#405559;gap:.15rem;font-size:.8rem;display:grid}.sheet-entry{margin-bottom:.75rem}.sheet-entry-top{justify-content:space-between;gap:.75rem;display:flex}.sheet-org{margin:.1rem 0 0;font-weight:600}.sheet-meta{text-align:right;color:#5b7074;white-space:nowrap;gap:.1rem;font-size:.78rem;display:grid}.sheet-body ul{margin:.35rem 0 0;padding-left:1.1rem}.sheet-body li{margin-bottom:.2rem}.sheet-details,.sheet-skills{margin:.25rem 0 0}.template-classic .sheet-header{border-bottom-width:1px;flex-direction:column}.template-classic .sheet-contact{text-align:left;flex-wrap:wrap;grid-auto-flow:column;gap:.55rem;display:flex}.template-classic h1{color:#152326}.template-minimal{padding:1.8rem}.template-minimal .sheet-header{border-bottom:0}.template-minimal h1{color:#152326;font-weight:700}.template-minimal h2{letter-spacing:.12em;border-bottom:0}.template-executive .sheet-header{background:color-mix(in srgb, var(--accent) 12%, white);border-bottom:0;margin:-1.5rem -1.5rem 1rem;padding:1.25rem 1.5rem}.template-executive h1{color:#152326}.sheet-sidebar-layout{grid-template-columns:.34fr .66fr;gap:1rem;min-height:100%;display:grid}.sheet-side{background:color-mix(in srgb, var(--accent) 12%, white);margin:-1.5rem 0 -1.5rem -1.5rem;padding:1.25rem}.sheet-side h1{font-size:1.35rem}.sheet-side-block{margin-top:1rem}.sheet-side-block h3{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.35rem;font-size:.75rem}.sheet-side-block p{margin:0 0 .25rem;font-size:.8rem}.sheet-skill-list{gap:.25rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes atmosphereShift{0%{filter:saturate()}to{filter:saturate(1.15)brightness(1.05)}}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(28px)}}@keyframes sheetFloat{0%{transform:rotate(-6deg)translateY(0)}to{transform:rotate(-4deg)translateY(-14px)}}@media (width<=980px){.template-rail{grid-template-columns:repeat(5,220px)}.feature-grid,.example-grid,.review-grid,.stats-row,.footer-grid,.ai-panel,.builder-layout,.template-card-block{grid-template-columns:1fr}.hero-atmosphere:after{opacity:.35;right:-10%}}@media (width<=760px){.nav-toggle{display:inline-flex}.nav-links{border-bottom:1px solid var(--line);background:#f7fbfafa;flex-direction:column;align-items:stretch;gap:.35rem;padding:1rem 1.25rem 1.25rem;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.is-open{display:flex}.nav-cta{width:100%;margin-left:0}.hero{min-height:82vh}.hero-grid{padding-top:7rem}.brand-lockup{font-size:clamp(2.2rem,12vw,3.4rem)}.form-row,.builder-top{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.builder-top-actions{width:100%}.builder-top-actions .btn{flex:auto}.preview-stage{max-height:none}.sheet-sidebar-layout{grid-template-columns:1fr}.sheet-side{margin:-1.5rem -1.5rem 1rem}}@media print{body{background:#fff}.nav,.footer,.builder-top,.builder-steps,.builder-form,.toast,.preview-head{display:none!important}.builder-page,.builder-layout,.builder-preview,.preview-stage,.panel{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}.resume-sheet{box-shadow:none!important;border-radius:0!important}}
