*{box-sizing:border-box}body{margin:0;background:#f5f7f3;color:#243e30;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1180px;margin:auto;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe6dc}.brand{text-decoration:none;color:#285c40;font-size:22px;font-weight:700}.brand span{font-size:10px;letter-spacing:2px;margin-left:15px;color:#879482}.pill{font-size:11px;background:#e8efdf;padding:5px 12px;border-radius:20px;color:#617658}main{max-width:1120px;margin:auto;padding:0 20px}.intro{padding:64px 0 37px;position:relative}.eyebrow{font-size:11px;letter-spacing:3px;color:#758b70}h1{font-size:52px;line-height:1.25;letter-spacing:-2px;margin:20px 0}h1 em{font-style:normal;color:#66906a}.intro>p:not(.eyebrow){color:#7c8976}.steps{position:absolute;right:0;bottom:54px;color:#5c7754;background:#e8eedf;border-radius:15px;padding:22px;font-size:13px}.steps span{margin:0 13px;color:#8aa07f}nav{display:flex;gap:10px;padding:0 0 25px}button,a.primary{cursor:pointer}button,input,select,textarea{font:inherit}button{border:0}nav a{padding:12px 25px;border-radius:30px;background:transparent;color:#82907c}nav a.active{background:#285f43;color:#fff}.panel{display:none}.panel.active{display:block}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.box{background:#fff;border:1px solid #e5ebdf;border-radius:22px;padding:30px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:20px;margin:0 0 12px}h3{font-size:20px}label{display:block;margin-top:18px;font-size:13px;color:#64745c}input,textarea,select{display:block;width:100%;background:#f6f8f3;border:1px solid #e3e9df;border-radius:10px;padding:13px;margin-top:8px;color:#28442e;outline-color:#729b70}textarea{resize:vertical;min-height:96px}.pair,.triple{display:flex;gap:14px}.pair>*,.triple>*{flex:1;min-width:0}.primary,.secondary{display:block;text-align:center;text-decoration:none;width:100%;padding:14px;border-radius:12px;margin-top:20px;font-weight:600}.primary{background:#286c4d;color:white}.secondary{background:#eaf0e3;color:#547248}.text-button{background:transparent;color:#568252;font-size:13px}.notice{background:#f7f2e5;color:#8b7950;padding:14px;border-radius:12px;font-size:12px}.small{font-size:12px;color:#89927f;margin-top:20px}.preview-box{align-self:start;position:sticky;top:25px}#placeholder{text-align:center;padding:85px 0;color:#84967a}#placeholder>span{font-size:65px;background:#edf2e5;border-radius:35px;padding:10px 35px;color:#84a57c}#placeholder p{font-size:13px}canvas{width:100%;height:auto;border-radius:12px;margin-top:15px}[hidden]{display:none!important}.couriers{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.couriers button{border-radius:15px;background:#f2f5ed;padding:25px;color:#507047}.narrow{max-width:650px;margin:auto}#result .quote,.history-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #e7edde;gap:15px}.quote strong{font-size:28px}.history-row p{margin:4px 0;color:#83917d;font-size:13px}.history-row>div{min-width:0;overflow-wrap:anywhere}.history-row button{flex-shrink:0}footer{padding:40px 0;font-size:12px;color:#90a087}footer span{float:right}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#284631;color:white;padding:12px 24px;border-radius:12px;display:none;max-width:90vw;z-index:10}@media(max-width:760px){header{padding:18px 20px}.brand span,header>.pill{display:none}.intro{padding:35px 0 25px}h1{font-size:40px}.steps{position:static;margin-top:20px;padding:15px;font-size:11px}.steps span{margin:0 5px}.layout{grid-template-columns:1fr}.box{padding:22px}.preview-box{position:static}nav{gap:2px}nav a{padding:11px 13px;font-size:13px}.couriers{grid-template-columns:repeat(2,1fr)}footer span{float:none;display:block}}

.platform-label{margin-top:18px;font-size:13px;color:#64745c}#platform-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}#platform-choices button{padding:14px 8px;border:1px solid #e3e9df;border-radius:12px;background:#f6f8f3;color:#64745c}#platform-choices button.active{border-color:#8fb193;background:#e5efdf;color:#285f43;font-weight:600}button:disabled{opacity:.65;cursor:wait}
/* Aurora theme: blue/indigo actions on a quiet, high-contrast surface. */
:root{--ink:#182449;--muted:#697897;--accent:#5364ec;--line:#e4e9f7}body{background:radial-gradient(ellipse at 85% 0,#eeebff 0,transparent 42%),radial-gradient(ellipse at 0 30%,#eaf5ff 0,transparent 45%),#f6f8ff;color:var(--ink)}header{border-color:var(--line)}.brand{color:#304788}.brand span{color:#7d8bb0}.pill{background:#ecefff;color:#586ad0}.eyebrow{color:#7583b1}.intro{padding-top:60px}h1{font-weight:750}h1 em{color:#5c5ee5}.intro>p:not(.eyebrow){color:var(--muted)}.steps{background:linear-gradient(110deg,#213b7e,#5750a8);color:#e2eaff;box-shadow:0 12px 36px #39479618}.steps span{color:#a6c4ff}nav{gap:10px}nav a{color:#71809e;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:15px}nav a.active{background:#eef0ff;color:#5260d8;border-color:#dbe1ff;font-weight:650}.nav-icon{width:22px;height:22px}.box{border-color:var(--line);box-shadow:0 10px 35px #3b4d8110;border-radius:24px;background:rgba(255,255,255,.94)}label,.platform-label{color:#596b8f}input,textarea,select{border-color:var(--line);background:#f8faff;color:#263959;outline-color:#8a96ff;border-radius:12px}input:focus,textarea:focus,select:focus{border-color:#9da9ff;box-shadow:0 0 0 3px #edf0ff}.primary{background:linear-gradient(110deg,#3e6df5,#7556e7);box-shadow:0 6px 18px #5864e82b;border-radius:14px}.primary:hover{filter:brightness(1.06)}.secondary{background:#edf2ff;color:#5266c4}.text-button{color:#5369d9}.notice{background:#edf3ff;color:#67779d;border:1px solid #e1e9fc}.small{color:#7b89a3}#placeholder{color:#7d8dab}#placeholder>span{background:linear-gradient(130deg,#e9f0ff,#f0eaff);color:#737ce8}#platform-choices button{border-color:var(--line);background:#f8faff;color:#677897}#platform-choices button.active{border-color:#a2acff;background:linear-gradient(120deg,#eaf1ff,#f1ecff);color:#5363d9;box-shadow:inset 0 0 0 1px #a2acff}.couriers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.courier-tile,.couriers button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e6ebf8;background:#fafbff;border-radius:18px;padding:22px 8px;text-decoration:none;color:#405478;min-width:0}.courier-tile:hover{background:#f0f3ff;border-color:#c5ceff;transform:translateY(-2px)}.courier-logo{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:17px;font-size:21px;font-weight:750}.courier-name{font-size:14px;white-space:nowrap}.courier-tile small{font-size:11px;color:#929db2;white-space:nowrap}.courier-tile.available small{color:#596cda}#result .quote,.history-row{border-color:var(--line)}.history-row p{color:#7b8ba6}footer{color:#8b99b6}#toast{background:#293f75;box-shadow:0 5px 20px #25395c25}.privacy{margin-top:28px;border:1px solid var(--line);border-radius:16px;background:#f9fbff;padding:20px}.privacy summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:650}.privacy summary::-webkit-details-marker{display:none}.privacy summary small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.privacy-arrow{color:#7c8bd1;font-size:24px;transition:transform .2s}.privacy[open] .privacy-arrow{transform:rotate(180deg)}#privacy-content{padding-top:15px}#privacy-content h3{font-size:15px;margin:22px 0 6px}#privacy-content p{font-size:13px;line-height:1.9;color:#6a7b98}.courier-tile,button,a{transition:background .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aab8ff;outline-offset:3px}@media(max-width:760px){nav{gap:3px;justify-content:space-between}nav a{padding:10px 8px;gap:5px;font-size:12px}.nav-icon{width:19px;height:19px}.couriers{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.courier-tile,.couriers button{padding:14px 2px;border-radius:13px;gap:6px}.courier-logo{width:43px;height:43px;border-radius:14px;font-size:18px}.courier-name{font-size:11px}.courier-tile small{font-size:9px}.intro{padding-top:34px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Tutorial entry and clear access to the address utility. */
.tutorial-grid{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tutorial-step .step-number{display:inline-flex;padding:4px 14px;border-radius:12px;background:#eef0ff;color:#5364ec;font-weight:750;letter-spacing:2px}.tutorial-step h3{margin:18px 0 10px}.tutorial-step>p{color:#596b8f}.tutorial-action{max-width:420px;margin:24px auto 32px}.tutorial-extra{display:grid;grid-template-columns:1fr 230px;gap:35px;align-items:center}.tutorial-extra p{color:#697897}.code-area{text-align:center;border:1px dashed #bcc9ef;border-radius:18px;padding:22px;font-size:13px;color:#697897}.code-area img{width:180px;max-width:100%;height:auto}.code-area .small{margin-bottom:0}a.text-button{text-decoration:none}nav{flex-wrap:wrap}@media(max-width:760px){.tutorial-grid,.tutorial-extra{grid-template-columns:1fr}.tutorial-grid{gap:16px}.tutorial-extra{gap:24px}.code-area{max-width:300px;margin:auto}.tutorial-step h3{font-size:18px}}

nav a{text-decoration:none;cursor:pointer}nav a:focus-visible{outline:3px solid #9da9ff;outline-offset:3px}.intro{padding:28px 0 24px}.intro h1{font-size:36px;margin:12px 0}.intro .steps{display:none}@media(max-width:760px){nav{gap:6px}nav a{padding:10px;font-size:13px}.intro h1{font-size:28px}}

.display-ad-section{margin-top:64px;padding:24px 0;border-top:1px solid var(--line);clear:both}.display-ad-section .adsbygoogle{min-height:280px;width:100%}.display-ad-section .small{margin:0 0 12px}footer a{color:inherit}