/* Noluvio order planner — an original, purchase-ready layout without a live checkout. */
:root{color-scheme:light;--navy:#091b32;--ink:#162c45;--blue:#0057ff;--mint:#22e08a;--muted:#5e7185;--edge:#d7e3ef;--white:#ffffff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;margin:0;background:#f3f7fc;color:var(--ink)}
a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}
button,input,textarea,select{font:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #007dff;outline-offset:3px}
.order-skip{position:absolute;top:-90px;left:12px;z-index:20;background:#fff;padding:11px 16px;border-radius:9px}.order-skip:focus{top:14px}
.order-wrap{width:calc(100% - 80px);max-width:1210px;margin-inline:auto}
.order-header{background:#09192e;color:#f5faff;border-bottom:1px solid #314768}
.order-nav{display:flex;align-items:center;min-height:82px;gap:23px}
.order-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:860;letter-spacing:-.05em;margin-inline-end:auto}
.order-brand img{background:#0057ff;border-radius:12px;padding:4px}
.order-brand small{font-size:9px;color:#b4cde4;letter-spacing:.14em;font-weight:600;display:block}
.order-nav-links{display:flex;align-items:center;gap:clamp(9px,2vw,25px);white-space:nowrap;font-weight:730;font-size:12px}
.order-nav-links a{color:#d5e6f5;padding:9px 3px;border-bottom:2px solid transparent}
.order-nav-links a[aria-current=page]{color:#9af2cf;border-color:#22e08a}
.order-nav-links a:hover{color:#fff}
.order-language{border:1px solid #5b809e;color:#f4fcff;background:transparent;border-radius:100px;min-height:40px;padding:8px 14px;font-size:12px;font-weight:810}
.order-language:hover{background:#193958}
.order-hero{background:radial-gradient(ellipse at 78% 19%,#18549c99,transparent 50%),linear-gradient(125deg,#091b32,#103659);color:#fff}
.order-hero-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.55fr);align-items:center;gap:65px;padding-block:69px 87px}
.order-eyebrow{color:#0057ff;font-size:10px;font-weight:850;letter-spacing:.17em;margin:0 0 14px}
.order-hero .order-eyebrow{color:#89f2c9}
.order-hero h1{font-size:clamp(44px,5vw,78px);font-weight:850;line-height:1.035;letter-spacing:-.057em;margin:0 0 22px;max-width:760px}
.order-hero .order-intro{font-size:clamp(15px,1.55vw,19px);line-height:1.8;color:#c6dff2;max-width:690px;margin:0}
.order-hero-art{width:100%;min-height:235px;position:relative;display:grid;place-items:center;isolation:isolate}
.order-hero-art:before{content:"";width:240px;height:240px;border-radius:50%;border:32px solid #25bafe5c;position:absolute;z-index:-1;transform:rotate(-25deg) scaleX(1.22)}
.order-art-badge{display:grid;place-items:center;position:absolute;top:0;inset-inline-start:0;width:53px;height:53px;border-radius:15px;background:#22e08a;color:#082b28;font-size:24px;font-weight:950;transform:rotate(-8deg);box-shadow:0 9px 26px #001c3144}
.order-art-sheet{background:#eff7fd;max-width:270px;width:84%;padding:24px;border-radius:17px;box-shadow:0 22px 45px #00122288;transform:rotate(6deg);border:1px solid #b4d3e8;color:#142f4e}
.order-art-sheet>span{display:block;color:#42658a;font-weight:850;letter-spacing:.14em;font-size:10px;margin-bottom:20px}
.order-art-sheet i{display:block;height:7px;width:100%;background:#d1e3ef;border-radius:4px;margin:9px 0}
.order-art-sheet i:nth-of-type(2){width:75%}.order-art-sheet i:nth-of-type(3){width:53%;margin-bottom:25px}
.order-art-sheet strong{display:inline-block;font-size:11px;color:#06509d;letter-spacing:.07em}
.order-art-sheet em{font-size:12px;color:#00a77e;font-weight:700;padding-inline:4px}
.order-hero-art>small{position:absolute;right:2%;bottom:1%;color:#c7dfec;font-size:10px;letter-spacing:.03em}
.order-steps{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dce7f2;box-shadow:0 12px 38px #153e6012;border-radius:17px;padding:20px 27px;margin-top:-35px;position:relative;z-index:2}
.order-step{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#4e6478}
.order-step>span{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid #cbdde9;border-radius:11px;background:#f2f7fb;font-size:11px;font-weight:850}
.order-step.is-current>span{background:#0057ff;color:#fff;border-color:#0057ff}
.order-step.is-locked>span{background:#eff1f5;color:#8ca0b3}
.order-step strong{display:block;color:#18344f;font-size:12px}
.order-step small{display:block;color:#74899a;font-size:11px;margin-top:3px}
.order-step-line{height:1px;width:7%;background:#d7e6f0;flex:none}
.order-layout{display:grid;grid-template-columns:minmax(0,1.11fr) minmax(320px,.89fr);gap:24px;padding-block:45px 80px;align-items:start}
.order-form-card,.order-summary-card{border-radius:22px;border:1px solid #d8e4f0;background:#fff;box-shadow:0 11px 40px #153d5810;min-width:0}
.order-form-card{padding:clamp(23px,3vw,36px)}
.order-card-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:31px}
.order-card-head h2,.order-summary-heading h2{font-size:clamp(26px,2.55vw,37px);letter-spacing:-.05em;line-height:1.14;margin:0;color:#142f49}
.order-flag{white-space:nowrap;background:#effbf6;color:#19775b;font-weight:820;font-size:10px;border:1px solid #cceadc;border-radius:50px;padding:8px 11px}
.order-field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.order-field label{font-size:12px;font-weight:800;color:#2d4761}
.order-field select,.order-field input,.order-field textarea{width:100%;border:1px solid #bacfe2;border-radius:12px;background:#fafdff;color:#102a44;padding:12px 15px;min-height:51px;line-height:1.5;font-size:14px}
.order-field textarea{resize:vertical;min-height:114px}
.order-field input::placeholder,.order-field textarea::placeholder{color:#7b8ea1}
.order-field-hint{font-size:11px;color:#6a8194;line-height:1.6;margin:0}
.order-try-link{color:#0057ff;font-weight:800;font-size:12px;padding:4px 0;align-self:start;text-decoration:underline;text-underline-offset:3px}
.order-try-link:hover{color:#0044bd}
.order-two{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.order-privacy-row{border-top:1px solid #dfe9f1;padding-top:18px;display:flex;gap:12px;align-items:start;color:#376c85;font-size:11px;line-height:1.7}
.order-privacy-row span{color:#00a482;font-size:19px}
.order-privacy-row p{margin:0}
.order-summary-card{position:sticky;top:18px;overflow:hidden}
.order-summary-heading{padding:29px 29px 22px;background:#f6faff;border-bottom:1px solid #e0eaf4}
.order-summary-heading p:last-child{color:#61788c;font-size:12px;line-height:1.7;margin:12px 0 0}
.order-receipt{margin:24px 27px 0;border:1px solid #dce5ed;border-radius:13px;overflow:hidden;background:#fff}
.order-receipt-top{background:#edf4fa;padding:11px 16px;display:flex;gap:9px;align-items:center;justify-content:space-between;font-size:10px;font-weight:830;color:#607990}
.order-draft-status{color:#99572d;background:#fff4e7;border:1px solid #eacda9;padding:5px 8px;border-radius:99px;white-space:nowrap}
.order-receipt dl{padding:12px 17px;margin:0}
.order-receipt dl>div{display:flex;align-items:flex-start;gap:13px;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #dce6f0}
.order-receipt dl>div:last-child{border:0}
.order-receipt dt{font-size:11px;color:#6c8194}
.order-receipt dd{font-size:12px;color:#162f4b;font-weight:830;max-width:62%;text-align:end;margin:0}
.order-included{padding:9px 18px 5px}
.order-included small{color:#436b85;letter-spacing:.1em;font-weight:840;font-size:10px}
.order-included p{font-size:12px;line-height:1.65;color:#25445f;margin:12px 0}
.order-limits{font-size:11px;line-height:1.65;color:#637b8e;background:#f6f9fc;margin:8px 17px;padding:13px;border-radius:10px}
.order-total{border-top:1px solid #c9dae8;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:19px 18px 10px}
.order-total span{font-size:13px;color:#476784;font-weight:790}
.order-total strong{color:#0754c7;font-size:18px;letter-spacing:-.025em;text-align:end}
.order-price-note{font-size:10px;line-height:1.65;color:#70869a;margin:0 18px 19px}
.order-actions{padding:25px 27px 29px}
.order-pay-disabled{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;border:1px solid #b9cbe0;border-radius:12px;background:#e6edf5;color:#6e8193;font-size:13px;font-weight:870;cursor:not-allowed}
.order-pay-disabled>span{font-size:20px}
.order-payment-note{font-size:11px;line-height:1.65;margin:12px 0 22px;color:#75889c;text-align:center}
.order-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.order-action-grid button{min-height:49px;padding:10px 11px;border-radius:10px;border:1px solid #0057ff;background:#0057ff;color:#fff;font-weight:780;font-size:12px}
.order-action-grid button:nth-child(2){background:#fff;color:#0057ff}
.order-action-grid button:hover{filter:brightness(.9)}
.order-clear{border:0;background:none;color:#6e8399;text-decoration:underline;font-size:12px;margin:17px 0 0;padding:7px 0}
.order-contact{display:flex;align-items:center;justify-content:center;margin-top:15px;padding:13px 15px;min-height:46px;border-radius:11px;background:#e7f7ee;color:#176a51;border:1px solid #c7e9d9;font-weight:820;font-size:12px;line-height:1.5;text-align:center}
.order-contact:hover{background:#d5f1e4;text-decoration:none}
.order-status{min-height:30px;font-size:11px;color:#386a84;line-height:1.65;margin:17px 0 0}
.order-how{padding:72px 0;background:#ecf3fb;border-top:1px solid #d7e5f0}
.order-how-heading h2{font-size:clamp(30px,3.6vw,51px);margin:10px 0 28px;letter-spacing:-.05em;line-height:1.14;max-width:770px}
.order-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.order-how-grid article{border:1px solid #d4e3ee;background:#fff;border-radius:16px;padding:26px}
.order-how-grid article>span{font-size:12px;font-weight:900;color:#0057ff}
.order-how-grid h3{margin:15px 0 9px;font-size:19px;color:#193853;letter-spacing:-.02em}
.order-how-grid p{font-size:13px;color:#5c7589;line-height:1.7;margin:0}
.order-ar-note{background:#123b60;color:#e8f8ff;border:1px solid #3a749a;border-radius:15px;padding:28px;margin-top:54px;margin-bottom:65px}
.order-ar-note h2{font-size:23px;margin:0 0 10px}.order-ar-note p{margin:0;font-size:14px;line-height:1.9;color:#cde7f8}
.order-footer{background:#081729;color:#b8d2e6;padding:28px 0}
.order-footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;font-size:12px}
.order-footer strong{font-size:17px;color:#f4faff}.order-footer nav{display:flex;gap:17px}.order-footer a{color:#d4ecfd}
[dir=rtl] .order-receipt dd{text-align:start}
[dir=rtl] .order-art-sheet{transform:rotate(-6deg)}
@media(max-width:1050px){.order-hero-content{gap:25px}.order-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:760px){
 .order-wrap{width:calc(100% - 32px)}
 .order-nav{flex-wrap:wrap;padding:13px 0;min-height:auto;gap:12px}
 .order-nav-links{order:3;min-width:100%;width:100%;justify-content:space-between;overflow-x:auto;padding:5px 0}
 .order-hero-content{grid-template-columns:1fr;padding:55px 0 78px}
 .order-hero-art{display:none}
 .order-steps{padding:17px;gap:9px}
 .order-step-line{width:3%}
 .order-step{gap:7px}
 .order-step>span{width:29px;height:29px;font-size:10px}
 .order-step strong{font-size:11px}
 .order-step small{font-size:10px}
 .order-layout{grid-template-columns:1fr;padding-block:25px 55px}
 .order-summary-card{position:static}
 .order-how-grid{grid-template-columns:1fr}
 .order-how{padding:52px 0}
}
@media(max-width:460px){
 .order-card-head{flex-direction:column;gap:9px}
 .order-two{grid-template-columns:1fr;gap:0}
 .order-step div small{display:none}
 .order-steps{border-radius:12px}
 .order-receipt{margin-inline:15px}
 .order-summary-heading{padding:23px 20px}
 .order-actions{padding:22px 18px}
 .order-action-grid{grid-template-columns:1fr}
 .order-hero h1{font-size:43px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.order-pay-disabled,.order-contact,.order-action-grid button{border:2px solid ButtonText}}

/* Long draft notes stay readable without stretching the checkout column. */
#order-summary-project,#order-summary-goal{overflow-wrap:anywhere;white-space:pre-wrap}
#order-summary-goal{max-height:100px;overflow:auto}
.order-nojs{background:#fff7e4;color:#6a4d1e;padding:17px 22px;border:1px solid #e8c78c;border-radius:12px;margin-block:24px;font-size:13px;line-height:1.6}


/* Conversion flow: an honest request/share action is primary; inactive checkout is informational. */
.order-request-heading{margin:0 0 9px;color:#103858;font-size:21px;letter-spacing:-.036em}
.order-request-desc{margin:0 0 17px;color:#58748a;font-size:12px;line-height:1.75}
.order-share{display:flex;align-items:center;justify-content:center;width:100%;min-height:53px;padding:14px 19px;background:#22e08a;color:#08372b;border:1px solid #16ae78;border-radius:11px;font-size:13px;font-weight:900;line-height:1.4;text-align:center;cursor:pointer}
.order-share:hover{background:#65f2ba}
.order-share:focus-visible{outline:3px solid #0057ff;outline-offset:4px}
.order-share-note{margin:10px 0 19px;font-size:11px;line-height:1.65;color:#607d91;text-align:center}
.order-checkout-status{border-top:1px solid #deebf4;padding-top:17px;margin-top:22px}
.order-checkout-status .order-payment-note{margin:0 0 10px;text-align:start}
.order-checkout-status .order-pay-disabled{min-height:43px;font-size:11px}
@media(max-width:760px){.order-share{min-height:54px}.order-request-heading{font-size:20px}}
@media(prefers-reduced-motion:reduce){.order-share{transition:none!important}}


/* Honest cross-sell to a manual multi-service brief; no payment activation. */
.order-multi-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:22px;border:1px solid #78b4d2;border-radius:9px;padding:10px 16px;color:#e1fbf1!important;font-size:12px;font-weight:830;text-decoration:none!important;line-height:1.45}
.order-multi-link:hover{background:#1b5273;color:#fff!important}
.order-multi-link:focus-visible{outline:3px solid #7bf5cb;outline-offset:3px}
@media(max-width:760px){.order-multi-link{width:100%;text-align:center}}