/* Alexandros.biz — a self-contained, dependency-free interface */
:root{font-family:Inter,"Avenir Next",Avenir,"Segoe UI",system-ui,-apple-system,sans-serif;font-optical-sizing:auto;--bg:#f7f6f1;--surface:#ffffff;--surface2:#f0f0e9;--ink:#162c36;--muted:#5f6d71;--line:#dce2de;--accent:#256e65;--accent-contrast:#fff;--accent-light:#dcece4;--warm:#d8a976;--shade:#e8ebdf;--radius:22px;--pill:100px;--shadow:0 18px 50px rgba(22,44,54,.055);--font:Inter,"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;color-scheme:light}
:root[data-theme=light]{--bg:#f7f7fb;--surface:#fff;--surface2:#eef1f7;--ink:#132239;--muted:#637181;--line:#dfe4ec;--accent:#2659b2;--accent-light:#e4edff;--warm:#e1a86d;--shade:#eaefff;--shadow:0 18px 48px rgba(23,48,90,.08)}
:root[data-theme=dark]{--bg:#111c20;--surface:#1a292e;--surface2:#23363a;--ink:#eff3ee;--muted:#a9bbb9;--line:#3d5154;--accent:#9bd4bc;--accent-contrast:#102820;--accent-light:#314f44;--warm:#d2a77d;--shade:#203b39;--shadow:0 15px 55px rgba(0,0,0,.2);color-scheme:dark}
:root[data-theme=clean]{--bg:#fff;--surface:#fff;--surface2:#fafafa;--ink:#141414;--muted:#666;--line:#e1e1e1;--accent:#161616;--accent-light:#f2f2f2;--warm:#b6b6b6;--shade:#f9f9f9;--radius:6px;--shadow:none}
:root[data-theme=simple]{--bg:#fdfdfd;--surface:#fff;--surface2:#f6f6f6;--ink:#202020;--muted:#595959;--line:#d5d5d5;--accent:#245b9d;--accent-light:#eaf1fa;--warm:#a5a5a5;--shade:#f6f6f6;--radius:2px;--pill:3px;--shadow:none}
:root[data-theme=warm]{--bg:#f9f2e9;--surface:#fffaf3;--surface2:#f1e6d7;--ink:#49392f;--muted:#806b5e;--line:#e7d8c5;--accent:#9b6345;--accent-light:#f1ddca;--warm:#bc8b62;--shade:#f5e2cd;--shadow:0 18px 48px rgba(92,60,37,.06)}
:root[data-theme=extra-warm]{--bg:#f6e1cb;--surface:#fff0df;--surface2:#ebceb0;--ink:#4a2c24;--muted:#865d4d;--line:#dab69b;--accent:#a34529;--accent-light:#ecc3a7;--warm:#bc6b41;--shade:#e6c1a1;--shadow:0 18px 40px rgba(129,59,31,.11)}
:root[data-theme=retro]{--bg:#f4e9cf;--surface:#fff4d8;--surface2:#edd9af;--ink:#312e23;--muted:#6e654c;--line:#bfb08b;--accent:#9e402c;--accent-light:#f0d7b8;--warm:#bd7934;--shade:#ded0a7;--radius:5px;--pill:2px;--shadow:4px 5px 0 #b8ab89;--font:Georgia,"Palatino Linotype",serif}
@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#111c20;--surface:#1a292e;--surface2:#23363a;--ink:#eff3ee;--muted:#a9bbb9;--line:#3d5154;--accent:#9bd4bc;--accent-contrast:#102820;--accent-light:#314f44;--warm:#d2a77d;--shade:#203b39;--shadow:0 15px 55px rgba(0,0,0,.2);color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,.brief-output:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3.6rem,6vw,7.1rem);font-weight:650;letter-spacing:-.068em;margin:20px 0 26px}h1 em{color:var(--accent);font-style:normal}h2{font-size:clamp(2.3rem,4vw,4.4rem);font-weight:650;margin-bottom:18px}h3{font-size:clamp(2rem,3vw,3.05rem)}h4{font-size:1rem}.container{max-width:1240px;margin:0 auto;padding-inline:32px}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-100px;left:16px;background:var(--surface);padding:10px;z-index:40}.skip:focus{top:12px}::selection{background:var(--accent-light)}
.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{height:88px;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:188px;height:auto}.nav{display:flex;gap:34px;align-items:center;color:var(--muted);font-size:.91rem}.nav a:hover,.footer-inner a:hover{color:var(--accent)}.site-controls{display:flex;gap:8px;max-width:300px}.site-controls select{max-width:150px;min-width:0;border:1px solid var(--line);border-radius:var(--pill);padding:9px 24px 9px 13px;background:var(--surface);color:var(--ink);font-size:12px;cursor:pointer}.site-controls #theme{max-width:118px}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center;padding-block:112px 132px}.eyebrow,.section-kicker,.tool-tag{font-weight:700;letter-spacing:.12em;font-size:11px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent)}.spark{font-size:28px;line-height:1}.hero-description{max-width:570px;color:var(--muted);font-size:1.2rem;line-height:1.8;margin-bottom:32px}.hero-actions,.action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:var(--pill);padding:14px 23px;min-height:49px;border:1px solid transparent;font-size:.9rem;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:var(--accent-contrast)}.button.primary:hover{filter:brightness(.93)}.button.quiet{border-color:var(--line);background:transparent}.button.secondary{background:var(--surface2);color:var(--ink);border-color:var(--line)}.button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.button.full{width:100%;justify-content:space-between;margin-top:7px}.hero-details{display:flex;gap:23px;flex-wrap:wrap;margin-top:66px;color:var(--muted);font-size:.75rem}.hero-details>span{display:flex;align-items:center;gap:7px}.hero-details b{display:inline-flex;color:var(--accent);font-size:10px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center;width:25px;height:25px}.hero-visual{position:relative;padding:10px 10px 30px 18px}.hero-visual:before{content:"";position:absolute;inset:30px -14px 9px 35px;border:1px solid var(--warm);border-radius:230px 230px 180px 180px;transform:rotate(6deg)}.hero-photo{position:relative;overflow:hidden;border-radius:250px 250px var(--radius) var(--radius);height:520px;background:#b8d0d2}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.8)}.photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(8,36,54,.72))}.photo-title{position:absolute;bottom:57px;left:37px;right:30px;color:#fff}.photo-title span{display:block;font-size:.9rem;letter-spacing:.02em;margin-bottom:8px}.photo-title strong{display:block;font-size:clamp(2rem,3vw,3.6rem);line-height:1.09;letter-spacing:-.045em}.floating-note{position:absolute;bottom:-5px;right:-28px;display:flex;align-items:center;gap:14px;background:var(--surface);padding:14px 22px 14px 14px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px}.note-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--accent-light);color:var(--accent);border-radius:50%;font-size:23px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:.9rem}.floating-note small{font-size:.78rem;color:var(--muted)}
.tools-section{background:var(--surface2);padding:104px 0 100px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-kicker{color:var(--accent);margin-bottom:25px}.section-heading p:not(.section-kicker){color:var(--muted);font-size:1.08rem}.section-decoration{color:var(--warm);font-size:100px;font-weight:300}.tool-index{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:42px 0 62px}.tool-index a{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--surface);font-weight:700;transition:background .2s,transform .2s}.tool-index a:hover{background:var(--accent-light);transform:translateY(-3px)}.tool-num{color:var(--accent);font-size:.75rem;font-weight:600}.tool-index a>span:last-child{color:var(--accent)}.tool-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:62px;border-top:1px solid var(--line);padding:77px 0 94px;scroll-margin-top:88px}.tool-intro{padding-top:12px}.tool-tag{color:var(--accent)}.tool-intro h3{margin:26px 0 22px}.tool-intro>p{color:var(--muted);font-size:1.12rem;line-height:1.77;max-width:320px}.editorial-quote{font-family:Georgia,serif;font-size:1.25rem;font-style:italic;line-height:1.58;color:var(--accent);border-left:2px solid var(--warm);padding-left:20px;margin-top:44px;max-width:300px}.section-image{max-width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;border-radius:var(--radius);margin-top:40px;opacity:.94}.tool-surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.compact{margin:25px 0 18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.form-grid .field{margin-bottom:0}.field label{font-size:.77rem;font-weight:700;color:var(--ink)}.field input,.field select,.field textarea,.row-item input{border:1px solid var(--line);background:var(--bg);border-radius:10px;color:var(--ink);width:100%;padding:13px 13px;min-height:46px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.row-item input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.field textarea{resize:vertical;line-height:1.5}.field-help{font-size:.74rem;color:var(--muted);margin:14px 0 0;line-height:1.65}.field-help+.error{margin-top:10px}.output-card{background:var(--accent-light);padding:24px;margin-top:22px;border-radius:16px}.output-label{text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;color:var(--accent);font-weight:800}.output-value{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.07em;line-height:1.3;display:block;overflow-wrap:anywhere}.output-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;font-size:.83rem}.text-action{display:inline-flex;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 3px;margin-top:19px;color:var(--accent);font-weight:700;font-size:.82rem;gap:8px}.error{color:#ac2c27;font-size:.84rem;margin:10px 0}.items-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 13px}.items-heading h4{margin:0}.small-button{background:var(--accent-light);color:var(--accent);border:1px solid var(--line);padding:7px 12px;border-radius:var(--pill);font-size:.82rem;font-weight:800}.quote-rows{display:grid;gap:9px}.row-item{display:grid;grid-template-columns:minmax(0,2fr) minmax(60px,.7fr) minmax(80px,1fr) 30px;gap:8px;align-items:center}.row-item input{padding:10px 8px;min-height:43px;font-size:.85rem}.row-item button{width:28px;height:34px;background:none;border:0;color:var(--muted);font-size:23px}.quote-total{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--accent-light);border-radius:10px;padding:17px;margin-top:18px;margin-bottom:19px}.quote-total span{color:var(--accent);font-size:.85rem;font-weight:700}.quote-total strong{font-size:1.9rem;letter-spacing:-.05em;overflow-wrap:anywhere}.brief-output{white-space:pre-wrap;word-wrap:break-word;line-height:1.75;background:var(--surface2);border:1px solid var(--line);padding:22px;border-radius:10px;font-size:.85rem;font-family:ui-monospace,Menlo,Consolas,monospace;margin:24px 0 0;max-height:420px;overflow:auto}.brief-output:empty{display:none}
.process-section{padding:100px 0;background:var(--ink);color:var(--bg)}.process-section .section-kicker{color:var(--warm)}.process-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps>div{border-top:1px solid color-mix(in srgb,var(--bg),transparent 65%);padding-top:18px}.steps b{font-size:11px;color:var(--warm)}.steps h3{font-size:1.25rem;line-height:1.22;margin:24px 0 13px;letter-spacing:-.02em}.steps p{font-size:.86rem;opacity:.7}.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:15%;align-items:center;padding-block:126px}.about-section p:not(.section-kicker){font-size:1.1rem;color:var(--muted);max-width:550px;line-height:1.8}.about-art{min-height:400px;background:var(--accent-light);border-radius:var(--radius);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.about-art:before{content:"";position:absolute;width:500px;height:500px;border:1px solid var(--accent);border-radius:50%;left:-180px;bottom:-330px;opacity:.24}.art-circle{height:240px;width:240px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center}.art-circle>span{font-family:Georgia,serif;font-size:180px;line-height:1;color:var(--accent);position:relative;transform:translateY(-12px)}.art-star{position:absolute;top:13px;right:-35px;font-size:45px}.about-art small{position:absolute;bottom:24px;left:27px;letter-spacing:.18em;font-size:.6rem;color:var(--accent)}.privacy-section{padding:80px 0;border-top:1px solid var(--line);background:var(--surface2)}.privacy-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.privacy-inner p:not(.section-kicker){color:var(--muted);max-width:610px;line-height:1.85}.site-footer{border-top:1px solid var(--line);background:var(--bg);padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:.83rem}.footer-brand{font-size:1.26rem;letter-spacing:-.07em;font-weight:800;color:var(--ink)}.footer-brand span{color:var(--accent)}.toast{position:fixed;right:25px;bottom:25px;border-radius:12px;background:var(--ink);color:var(--bg);padding:13px 19px;z-index:30;box-shadow:var(--shadow);max-width:300px}.toast[hidden]{display:none}
:root[dir=rtl] .editorial-quote{border-left:0;border-right:2px solid var(--warm);padding-left:0;padding-right:20px}:root[dir=rtl] .photo-title{left:30px;right:37px}:root[dir=rtl] .floating-note{right:auto;left:-28px}:root[dir=rtl] .eyebrow{text-align:right}:root[dir=rtl] .small-button{direction:rtl}
@media(max-width:1100px){.hero{gap:25px}.tool-panel{gap:25px;grid-template-columns:.7fr 1.3fr}.nav{gap:15px}.header-inner{gap:15px}.site-controls{max-width:250px}.site-controls select{max-width:130px}}
@media(max-width:800px){.container{padding-inline:22px}.header-inner{height:auto;min-height:76px;flex-wrap:wrap;padding-top:15px;padding-bottom:12px;row-gap:10px}.brand img{width:164px}.nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:9px;gap:25px;font-size:.81rem}.site-controls{margin-left:auto}.hero{grid-template-columns:1fr;padding-block:72px 80px;gap:50px}.hero-copy{max-width:700px}h1{font-size:clamp(3.2rem,9vw,6rem)}.hero-details{margin-top:38px}.hero-visual{max-width:660px;width:100%;margin:auto}.hero-photo{height:440px}.tool-panel{grid-template-columns:1fr;gap:30px;padding:59px 0 76px}.tool-intro p{max-width:680px}.section-image{display:none}.editorial-quote{margin-top:25px;max-width:600px}.process-inner,.privacy-inner{grid-template-columns:1fr;gap:25px}.about-section{gap:45px}.about-art{min-height:320px}}
@media(max-width:560px){.container{padding-inline:18px}.header-inner{gap:9px}.brand img{width:148px}.site-controls{gap:5px}.site-controls select{max-width:100px;font-size:11px;padding:8px 14px 8px 6px}.site-controls #theme{max-width:77px}.nav{justify-content:space-between;gap:10px}.hero{padding-top:60px}.hero-description{font-size:1rem}.hero-actions .button{padding-inline:17px}.hero-details{gap:12px}.hero-details b{display:none}.hero-visual{padding:0 13px 25px 3px}.hero-photo{height:330px;border-radius:180px 180px var(--radius) var(--radius)}.floating-note{right:-5px;padding:10px}.photo-title{bottom:33px;left:24px}.tools-section{padding:70px 0}.section-decoration{display:none}.tool-index{grid-template-columns:1fr;gap:8px;margin-bottom:35px}.tool-index a{padding:13px 18px}.tool-surface{padding:20px 16px}.form-grid{grid-template-columns:1fr;gap:13px}.row-item{grid-template-columns:minmax(0,2fr) 52px 75px 22px;gap:5px}.row-item input{font-size:.75rem}.row-item button{width:22px}.action-row .button{flex-grow:1;padding:11px 14px;font-size:.78rem}.quote-total strong{font-size:1.3rem}.steps{grid-template-columns:1fr;gap:10px}.steps>div{padding-top:12px}.steps h3{margin:9px 0}.about-section{grid-template-columns:1fr;padding-block:80px}.about-art{min-height:260px}.art-circle{height:170px;width:170px}.art-circle>span{font-size:120px}.art-star{font-size:30px;right:-25px}.footer-inner{justify-content:flex-start;flex-wrap:wrap;gap:15px}.footer-inner>*{flex-basis:40%}.privacy-section,.process-section{padding:70px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media print{.site-header,.hero,.tool-index,.tools-section>.container>.section-heading,.tool-panel,.process-section,.about-section,.privacy-section,.site-footer,.toast{display:none!important}body{background:white;color:black;font-family:Arial,sans-serif}#print-area{display:block!important;color:#111!important;background:#fff!important;margin:0;padding:25px 35px}#print-area h1{font-size:32px;color:#111;margin:0 0 15px}#print-area h2{font-size:21px}#print-area p{font-size:13px}#print-area table{width:100%;border-collapse:collapse;margin:24px 0}#print-area td,#print-area th{padding:12px;border-bottom:1px solid #bbb;text-align:start}#print-area .totals{text-align:end;font-size:22px;font-weight:700}#print-area .print-head{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #111;padding-bottom:15px;margin-bottom:24px}#print-area .notes{white-space:pre-wrap;margin-top:35px}}

:root .brand .brand-dark{display:none}
:root[data-theme=dark] .brand .brand-light{display:none}
:root[data-theme=dark] .brand .brand-dark{display:block}
@media(prefers-color-scheme:dark){:root[data-theme=auto] .brand .brand-light{display:none}:root[data-theme=auto] .brand .brand-dark{display:block}}
